@charset "UTF-8";/* CSS Document */

body{display: block !important; visibility: visible !important;}

/* common style */
input[type=checkbox]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:18px; height:18px; margin: 0; position: absolute; top: 0; left: 0;}
input[type=radio]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:20px; height:19px; margin: 0; position: absolute; top: 0; left: 0;}
.checkboxLayer{background: url("../../img/desktop/check-box.png") no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-top: -3px; position: relative; cursor: pointer;}
.checkboxLayer.active{background-position: 0px -20px;}
/* .checkboxLayer input{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:18px; height:18px; margin: 0; position: absolute; top: 0; left: 0;} */
.radioLayer{background: url("../../img/desktop/radio-button.png") no-repeat;display: inline-block; width: 20px; height: 19px; vertical-align: middle; margin: -3px 5px 0 0; position: relative; cursor: pointer;}
.radioLayer.active{background-position: 0px -19px;}
/* .radioLayer input{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:20px; height:19px; margin: 0; position: absolute; top: 0; left: 0;} */
/* common style */

input,select{font-size:15px;color:#555;}
a {color:#555;}
.image-pad {display:none;}
.image-mobile {display:none;}

.shop-addr .cmhkDropDown .selected, .cmhkDropDown li {    display: block; font-size: 1em; line-height: 1.3em;overflow-x: hidden;overflow-y: hidden;padding:10px ;white-space: pre-wrap; word-wrap: break-word;}

.apps-download {display:none;}


#wrapper{}
#main-menu-pad,.transparent_bg_pad{display:none !important; text-indent: -9999px;}
#mobile-menu-shortcut{display:none; text-indent: -9999px;}

/* header */
#header{background:#e40077 url("../../img/desktop/header-bg.png") no-repeat center top;height:45px;}
#header .pad-menu{display:none; text-indent: -9999px;}
#header .header-container{width:980px;margin:0 auto;position:relative;height:45px;font-size:1.154em;z-index:890;background-color:#e40077;}
#header .header-container ul.desktop-menu{float:right;padding-right:20px;line-height:45px;}
#header .header-container ul.desktop-menu li{float:left;color:#fff;text-align:center;cursor:pointer;height:45px;}
#header .header-container ul.desktop-menu li.first-level-menu{padding:0 25px;}
#header .header-container ul.desktop-menu li.first-level-menu:hover{background:#b70663;}
#header .header-container ul.desktop-menu li.first-level-menu.active{background:#9e0663 url("../../img/desktop/top-menu-arrow.png") no-repeat center bottom;}

#header .header-container ul.desktop-menu li.login-shortcut{width:37px;background:url("../../img/desktop/login-icon.png") no-repeat 10px 3px;margin-left:129px;text-align:left;padding-left:40px; padding-top:2px; height:43px; font-size:13px;}
#header .header-container ul.desktop-menu li.search-function{width:37px;background:url("../../img/desktop/search-icon.png") no-repeat 10px 3px;text-align:left;padding-left:40px; padding-top:2px; height:43px; font-size:13px;}
#header .header-container ul.desktop-menu li.language{width:68px;background:url("../../img/desktop/lang-icon.png") no-repeat 12px 3px;text-align:left;padding-left:44px; padding-top:2px; height:43px; font-size:13px;}
#header .header-container ul.desktop-menu li.login-shortcut:hover,
#header .header-container ul.desktop-menu li.login-shortcut.active{background-position:10px -39px;background-color:#fff;color:#8DAF00;}
#header .header-container ul.desktop-menu li.search-function:hover,
#header .header-container ul.desktop-menu li.search-function.active{background-position:10px -39px;background-color:#fff;color:#8DAF00;}
#header .header-container ul.desktop-menu li.language:hover,
#header .header-container ul.desktop-menu li.language.active{background-position:12px -39px;background-color:#fff;color:#8DAF00;}

#header-desktop .header-container .login-container {background-color:#fff;}
#header-desktop .header-container .search-container .box_style {font-size:15px;}
#header-desktop .header-container .login-container .shortcut-area .title {font-size:25px;font-weight:normal;}
#header-desktop .header-container .login-container .shortcut-area ul li a {font-weight:normal;}
/* header */

/* login */
#header .header-container .login-container{display:none;width:70%;position:absolute;top:45px;left:20%;z-index:999;padding:4% 3% 3% 3%;background:#fff;border:1px solid #ddd;border-top:none;}
#header .header-container .login-container .shortcut-area .title{color:#e40077;font-size:1.5em;padding:0 0 3% 3%;line-height: normal;}
#header .header-container .login-container .shortcut-area > ul{}
#header .header-container .login-container .shortcut-area > ul > li{width:27%;margin:0 3% 20px 3%;float:left;}
#header .header-container .login-container .shortcut-area > ul > li > a{color:#8DAF00;line-height:50px}
#header .header-container .login-container .shortcut-area ul li a:hover{color:#8DAF00;}
#header .header-container .login-container .shortcut-area ul li ul li{background:url("../../img/pad/menu-bullet.png") no-repeat 0 5px;padding:0 0 15px 15px;}
#header .header-container .login-container .shortcut-area ul li ul li a{color:#555;margin:0;}
#header .header-container .login-container .loading{background:url("../../img/loading2.gif") no-repeat center; width: 100%; height: 66px;}

/*== after login ==*/
#header .header-container .login-container .shortcut-area.login .account{float:left;width:55%;border-right:1px solid #dddddd;}
#header .header-container .login-container .shortcut-area.login .account > ul > li{margin:0 20px 20px 20px}
#header .header-container .login-container .shortcut-area.login .account > ul > li > a{color:#8DAF00;line-height:50px}
#header .header-container .login-container .shortcut-area.login .welcome{float:left;width:40%;padding-left:30px;}
#header .header-container .login-container .shortcut-area.login .welcome .title{padding-left:0;}
#header .header-container .login-container .shortcut-area.login .welcome .time{line-height:20px;margin-top:19px;}
#header .header-container .login-container .shortcut-area.login .welcome .btn-logout{margin-top:10%}
#header .header-container .login-container .shortcut-area.login .welcome .btn-logout .button_style{background-color:#e40077;font-size:1em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:7px 25px 9px;border:none;cursor:pointer;}
#header .header-container .login-container .shortcut-area.logout{float:left;padding-left:5%;}
#header .header-container .login-container .shortcut-area.logout .title{padding-left:0;margin-bottom:10%;}
/* login */

/* search */
#header .header-container .search-container{display:none;width:70%;position:absolute;top:45px;left:20%;z-index:999;padding:3% 4%;background-color:#fff;border:1px solid #ddd;border-top:0;}
#header .header-container .search-container .searchbox{float:left;width:80%}
#header .header-container .search-container .box_style{width:99%;height:30px;line-height:30px;color:#555;border:1px solid #8CC63E;text-indent:10px;border-radius:3px;}
#header .header-container .search-container .searchbutton{float:left;margin-left:5%;width:15%;}
#header .header-container .search-container .searchbutton .button_style{background-color:#8CC63E;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:8px 25px;border:none;cursor:pointer;}
/* search */

/* language */
#header .header-container .language-container{display:none;position:absolute;top:45px;right:0;z-index:999;background-color:#fff;text-align:center;padding:1%;border:1px solid #ddd;border-top:none;}
#header .header-container .language-container a{height:60px;width:60px;line-height:64px;background-color:#aaa;font-size:1.667em;color:#fff;display:block;text-align:center;margin:0 5px;float:left;}
#header .header-container .language-container a:first-child{border-top:none;}
#header .header-container .language-container a.active{background-color:#e40077;}
/* language */

/* sub menu */
#main-menu-desktop{position:relative; z-index: 889;}
#main-menu-desktop .loading{display: none; background: url(../../img/mobile/loading.gif) no-repeat; width: 100px; height: 28px; margin: 20px auto 0;}
#main-menu-desktop .menu-container{width:980px; height: 90px; margin:0 auto; font-size:1.10em;}
#main-menu-desktop .company-logo{float:left;width:180px;height:40px;display:block;margin:25px 35px 25px 5px;background:url("../../img/desktop/logo.png") no-repeat left top;text-indent:-9999px;}
/* #main-menu-desktop .second-level-menu{float:left;width:760px;display:none;} */

/* #main-menu-desktop .menu-list{float: left; width: 760px; height: 90px; overflow: hidden;} */
#main-menu-desktop .second-level-menu{float: left; width: 760px; height: 90px; margin-top: -90px; display: none;}
#main-menu-desktop .second-level-menu {
	-webkit-transition: margin-top 0.5s ease-out;
	-moz-transition: margin-top 0.5s ease-out;
	-o-transition: margin-top 0.5s ease-out;
	-ms-transition: margin-top 0.5s ease-out;
	transition: margin-top 0.5s ease-out;
}


#main-menu-desktop ul li{float:left;}
#main-menu-desktop ul li a{width:85px;padding: 0 4px;height: 50px;border-left:1px solid #ddd; text-align:center; position:relative; display:table-cell; *display: block; vertical-align:middle;}
#main-menu-desktop ul li.active a,
#main-menu-desktop ul li a:hover,
#main-menu-desktop ul li:hover > a{color:#8DAF00;}
/*#main-menu-desktop ul li.menu-one>a{line-height:40px;}*/
#main-menu-desktop ul li.menu{height: 50px; padding:20px 0;}
#main-menu-desktop ul li.menu .menu-arrow{display:none;}


/* #main-menu-desktop ul li.menu:hover .menu-arrow{position:absolute; left:0; top:57px; z-index:998; display:block; width:125px; height:13px; background:url("../../img/desktop/top-second-menu-arrow.png") no-repeat center top; text-indent:-9999px;}
#main-menu-desktop ul li.menu:hover .submenu-main{width:100%;background-color:#f9f9f9;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:absolute;top:89px;left:0;z-index:997;}
#main-menu-desktop ul li .submenu{display:none;}
#main-menu-desktop ul li.menu:hover .submenu{display:block;width:950px;padding:30px 15px;margin:0 auto;}
#main-menu-desktop ul li.menu:hover .submenu ul{}
#main-menu-desktop ul li.menu:hover .submenu ul li{width:160px;padding:0 30px 15px 0;}
#main-menu-desktop ul li.menu:hover .submenu ul li a{color:#e40077;display:block;padding:0 0 15px 0;border:none;text-align:left;height:auto;width:auto;}
#main-menu-desktop ul li.menu:hover .submenu ul li ul.subsubmenu{display:block;margin:0;float:none;padding:0;border:none;clear:both;width:auto;}
#main-menu-desktop ul li.menu:hover .submenu ul li ul.subsubmenu li{display:block;float:none;padding:5px 0;}
#main-menu-desktop ul li.menu:hover .submenu ul li ul.subsubmenu li a{color:#555;padding:0;}
#main-menu-desktop ul li.active a,
#main-menu-desktop ul li a:hover,
#main-menu-desktop ul li:hover > a,
#main-menu-desktop ul li.menu:hover .submenu ul li a:hover,
#main-menu-desktop ul li.menu:hover .submenu ul li ul.subsubmenu li a:hover,
#main-menu-desktop ul li.menu:hover .submenu ul li ul.subsubmenu li.active a{color:#8DAF00;} */


#main-menu-desktop ul li.menu:hover .menu-arrow{position:absolute; left:-6px; top:57px; z-index:998; display:block; width:104px; height:13px; background:url("../../img/desktop/top-second-menu-arrow.png") no-repeat center top; text-indent:-9999px;}
#main-menu-desktop ul li.menu .submenu-main{width:100%;background-color:#f9f9f9;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:absolute;top:89px;left:0;z-index:997; display: none;}
/* #main-menu-desktop ul li .submenu{display:none;} */
#main-menu-desktop ul li.menu .submenu{display:block;width:950px;padding:30px 15px;margin:0 auto;}
#main-menu-desktop ul li.menu .submenu ul{}
#main-menu-desktop ul li.menu .submenu ul li{width:160px;padding:0 30px 15px 0;}
#main-menu-desktop ul li.menu .submenu ul li a{color:#e40077;display:block;padding:0 0 15px 0;border:none;text-align:left;height:auto;width:auto;}
#main-menu-desktop ul li.menu .submenu ul li ul.subsubmenu{display:block;margin:0;float:none;padding:0;border:none;clear:both;width:auto;}
#main-menu-desktop ul li.menu .submenu ul li ul.subsubmenu li{display:block;float:none;padding:5px 0;}
#main-menu-desktop ul li.menu .submenu ul li ul.subsubmenu li a{color:#555;padding:0;}
#main-menu-desktop ul li.active a,
#main-menu-desktop ul li a:hover,
#main-menu-desktop ul li:hover > a,
#main-menu-desktop ul li.menu .submenu ul li a:hover,
#main-menu-desktop ul li.menu .submenu ul li ul.subsubmenu li a:hover,
#main-menu-desktop ul li.menu .submenu ul li ul.subsubmenu li.active a{color:#8DAF00;}
/* sub menu */

#container{margin:0 auto;}
/*#container .index-box-images{width:291px;height:251px;text-align:center;}*/

#container .middle-content{width:100%;min-width:980px;margin:40px 0;padding-bottom:20px;position:relative;}
#container .middle-content .index-box-images{width:291px;height:251px;text-align:center; overflow:hidden;}
#container .middle-content .handsetPromote .box {height:550px;}
#container .middle-content .handsetPromote .index-box-images{height:200px;}
#container #news-details3 .middle-content .box-container {margin-bottom:0;}
#container #news-details1 .banner {margin-top:-40px;}
#container .middle-content .box-container{width:912px;display:block;margin:0 auto;}
#container .middle-content .box{float:left;width:291px;display:block;color:#555;font-size:18px;height:600px;margin:0 6px;display:block;position:relative;}
#container .middle-content .title-midbox{font-size:25px;color:#8fc31f ;padding:20px 0 30px 0;text-align:center;line-height:normal;}
#container #middleContent .middle-content .title-midbox{padding:10px 0 25px 0;line-height: normal;}
#container #middleContent .middle-content .box{height:560px;}
#container .middle-content .box .boxtitle{color:#8daf00;font-size:18px;padding:8px 0;line-height:normal;}
#container .middle-content .box .text-content{font-size:15px;line-height:1.7em; text-align:left;}
#container .middle-content .box1{float:left;height:570px;margin:0 6px;display:block;position:relative;}
#container .middle-content .box2{float:left;height:570px;margin:0 6px;display:block;position:relative;}
#container .middle-content .box3{float:left;height:570px;margin:0 6px;display:block;position:relative;}
#container .middle-content .box .text{width:96%;padding:20px 0 0;margin:0 auto;text-align:center;}
#container #middleContent .middle-content .box a.more-icon{margin:10px;position:absolute;bottom:0;left:28%;}
#container .middle-content .box a.more-icon{margin:10px;position:absolute;bottom:15px;left:28%;}
#container .middle-content .box:hover a.more-icon{background-color:#e40077;}
#container .middle-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .middle-content .arrow .left-arrow:hover{background-position:left bottom;}
#container .middle-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat left top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .middle-content .arrow .right-arrow:hover{background-position:left bottom;}
#container #middleContent .middle-content{padding-bottom:0;}
#container #middleContent2 .middle-content{padding-bottom:0;}
#container .middle-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:25px;margin:10px 0 25px; line-height: normal;}
#middleContent2 .middle-content .box{float:left;width:291px;display:block;color:#555;font-size:18px;height:520px;margin:0 6px;display:block;position:relative;}
#container .bottom-content{width:100%;min-width:980px;background-color:#f3f3f3;margin:0 auto;padding:50px 0px;position:relative;}
#container .bottom-content.whitebg{background-color:#fff}
#container .bottom-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:25px;margin:10px 0 25px; line-height: normal;}
#container .bottom-content .index-box-images{width:291px;height:251px;text-align:center;overflow:hidden;}
#container .bottom-content .box-container{width:912px;display:block;margin:0 auto;}
#container .bottom-content .box{float:left;width:291px;display:block;color:#555;font-size:18px;height:500px;margin:0 6px;display:block;position:relative;}
#container .bottom-content .title-midbox{font-size:25px;color:#8fc31f ;padding:20px 0 30px 0;text-align:center;line-height:normal;}
#container .bottom-content .box .boxtitle{color:#8DAF00;font-size:18px;padding:8px 0;line-height:normal;}
#container .bottom-content .box .text-content{font-size:15px;line-height:1.7em; text-align:left;}
#container .bottom-content .box1{float:left;height:510px;margin:0 6px;display:block;position:relative;}
#container .bottom-content .box2{float:left;height:510px;margin:0 6px;display:block;position:relative;}
#container .bottom-content .box3{float:left;height:510px;margin:0 6px;display:block;position:relative;}
#container .bottom-content .box .text{width:96%;padding:10px 0;margin:0 auto;text-align:center;}
#container .bottom-content .box a.more-icon{margin:10px;position:absolute;bottom:15px;left:29%;}
#container .bottom-content .box:hover a.more-icon{background-color:#e40077;}
#container .bottom-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .bottom-content .arrow .left-arrow:hover{background-position:left bottom;}
#container .bottom-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat left top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .bottom-content .arrow .right-arrow:hover{background-position:left bottom;}
#container #bottomContent .bottom-content {padding:40px 0 30px;}
#container #bottomContent .bottom-content .section-title{margin:20px 0 30px;}


#container .payment-content .title-midbox{padding: 10px 0 25px 0; line-height: normal;}
#container .payment-content .box .boxtitle{display:none}
#container .payment-content .box .text{width: 100%;}
#container .payment-content .box:hover a.more-icon{background-color:#8fc31f}
#container .payment-content .box a.more-icon:hover{background-color:#e40077}
#container .payment-content .index-box-images{height:auto}
#container .payment-content .box .text-content .li-box li {float: left;display: block;color: #555555;margin-right: 10px;margin-bottom:10px;text-align: center;height: 45px;line-height: 43px;cursor: pointer; background-color:#fff;border: 1px solid #ccc;box-sizing:border-box}
/* #container .payment-content .box .text-content .li-box li.selected{background-color:#8fc31f;color:#fff;} */	
#container .payment-content .box .text-content .li-box li:hover,#container .payment-content .box .text-content .li-box li.selected{border:1px solid #8fc31f;line-height:42px;color:#8fc31f;box-shadow:0 0 4px #ccc;}
#container .payment-content .box .text-content .li-box li.last {margin-right:0}
#container .payment-content .box .text-content .prepaid-value-container .li-box li{width: 65px;}
#container .payment-content .box .text-content .buyphone-container .li-box li{width: 140px;}
#container .payment-content .box .text-content .input-field-style{width: 270px;height: 45px;line-height: 45px;border: 1px solid #ccc;padding: 0 10px;}



/*#container .news-content{width:100%;min-width:980px;margin:0 auto;padding:30px 0 40px;font-size:25px;position:relative;background-color:#f3f3f3;}*/
#container .news-content{width:100%;min-width:980px;margin:0 auto;padding:40px 0 70px;font-size:25px;position:relative;background-color: #f3f3f3;}
#container .news-content .newsBox {width:912px;}
#container .news-content .section-title{width:100%;text-align:left;color:#8fc31f ;font-size:25px;margin:10px 0 25px 30px;line-height: normal;}
#container .news-content .index-box-images{float:left;margin:0 30px;width:346px;height:250px;}
#container .news-content .box-container{width:912px;display:block;margin:0 auto;}
#container .news-content .box-container:hover {cursor:pointer;}
#container .news-content .box-container .newsBox:hover .text a.more-icon{background-color:#e40077;}
#container .news-content .text{padding:0;margin:0;text-align:left;float:left;width:50%;}
#container .news-content .text .boxtitle{font-size:18px;line-height:normal;}
#container .news-content .text .date{color:#555;font-size:18px;padding:15px 0;line-height:normal;}
#container .news-content .text .text-content{font-size:15px;line-height:1.7em;}
#container .news-content .text a.more-icon{margin:30px 0;display:inline-block;}
#container .news-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .news-content .arrow .left-arrow:hover{background-position:left bottom;}
#container .news-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat left top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .news-content .arrow .right-arrow:hover{background-position:left bottom;}

.banner{margin-bottom:20px;z-index:1;}
.news-detail1 .banner{margin-top:-40px;z-index:1;}
.banner img{border:none;display:none}
.banner .slider{position:relative;/* border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; */ }
.banner .slider ul{margin:0;padding:0;list-style:none;width:100%;height:447px;overflow:hidden;position:relative; }
/*.banner .slider ul li{position:absolute;top:0;left:50%;}*/

.banner .slider ul li{width:100%;height:447px;background-position:center;text-indent:-9999px}

.banner .slider .cycle-slides-box{margin:0;padding:0;width:100%;overflow:hidden;position:relative;height:450px;background-position:center;/*text-indent:-9999px*/}

/*2018 Dec enhancement*/
.banner .slider .cycle-slides-box{border:none;transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;	-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: pixelated;}
.banner .slider .cycle-slides-box:hover{-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: pixelated;-webkit-filter: contrast(105%);filter: contrast(105%);filter: brightness(104%);}
/*2018 Dec enhancement*/

#container .corp-index-banner {margin:0 auto!important}/*overwrite this #container #news-details1 .banner {margin-top: -40px;}*/
#container .corp-index-banner .slider{border:none}
#container .corp-index-banner .slider .cycle-slides-box{height:270px;background-repeat:no-repeat;}

.banner .slider .dots{position:absolute;bottom:20px;left:50%;z-index:40;*zoom:1;}
.banner .slider .dots:after{display:table;clear:both;content:"";}
.banner .slider .dots .dots-center{position: relative; left: -50%;}
.banner .slider .dots a{display:block;float:left;width:12px;height:12px;margin-right:10px;text-indent:-9999em;background:#868485;border-radius:10px; cursor: pointer;}
.banner .slider .dots .cur{background:#8fc31f;}
.banner .slider .arrow{width:65%;position:absolute;top:45%;left:18%;z-index:50;}
.banner .slider .arrow a{font-size:34px;font-weight:700;color:#fff;}
.banner .slider .arrow .btn-left{float:left;display:block;width:32px;height:53px;background:url("images/left-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner .slider .arrow .btn-left:hover{background-position:left -52px;}
.banner .slider .arrow .btn-right{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner .slider .arrow .btn-right:hover{background-position:left bottom;}

.banner2 .slider2{position:relative;padding:0 60px;}
.banner2 .slider2 ul{margin:0;padding:0;list-style:none;width:100%;height:100px;overflow:hidden;position:relative;}
.banner2 .slider2 ul li{position:absolute;top:30%;left:0;display:none;font-size:16px;text-align:center;}
.banner2 .slider2 ul li .event-date{display:block;float:left;margin:12px 20px 0 0}
.banner2 .slider2 ul li .event-content{display:block;margin-top:12px;float:left;}
.banner2 .slider2 .arrow2{width:100%;position:absolute;top:25%;left:0;z-index:50;}
.banner2 .slider2 .arrow2 a{font-size:34px;font-weight:700;color:#ccc;}
.banner2 .slider2 .arrow2 .btn-left2{float:left;display:block;width:32px;height:53px;background:url("images/left-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner2 .slider2 .arrow2 .btn-left2:hover{background-position:left -52px;}
.banner2 .slider2 .arrow2 .btn-right2{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner2 .slider2 .arrow2 .btn-right2:hover{background-position:left bottom;}

#footer{padding:0 0 20px 0;background:#90C42F url("../../img/desktop/footer-bg.png") no-repeat center top;font-size:15px;color:#fff;}
#footer a{color:#ffffff;}
#footer a:hover{color:#d6fc14;}

#footer .slogan-n-share{margin:0 auto;padding:13px 0 12px;width:980px;height:47px;}
#footer .slogan{display:none;float:left;margin:0 auto;width:228px;height:47px;background:url("../../img/desktop/tc/slogan.png") no-repeat center top;text-indent:-9999em;}
#footer .index-share{float:right;margin:10px 0 0 0;height:47px;width:290px;}
#footer .index-share a{float:left;height:25px;width:26px;margin-right:20px;}
#footer .index-share a.printer{background:url("../../img/desktop/print-icon.png") no-repeat;}
#footer .index-share a.facebook{width:13px;background:url("../../img/desktop/facebook-share.png") no-repeat;}
#footer .index-share a.wechat{background:url("../../img/desktop/wechat-share-icon.png") no-repeat;}
#footer .index-share a.email{background:url("../../img/desktop/forward-top-friend-icon.png") no-repeat;}
#footer .index-share a:hover{background-position:0px -28px;}
#footer .index-share .share_text{float:left;height:20px;padding-left:20px;padding-top:4px;color:#ffffff;border-left:1px solid #ffffff;margin-right:20px;}

#index-sitemap{margin:45px auto 30px;width:980px;}
#index-sitemap .table_list{float:left;}
#index-sitemap .table_list ul{float:left;width:150px;padding-right:20px;}
#index-sitemap .table_list ul li{padding:0 0 15px 5px;width:auto;font-size:15px;}
#index-sitemap .table_list ul li.title{font-size:1.067em;font-weight:bold;}
#index-sitemap .qrcode{float:left;width:120px;margin: 0 0 0 50px;font-weight:bold;font-size:15px;}
#index-sitemap .qrcode img{display:block;margin:0 0 10px 0;}
#index-sitemap .social{float:left;}
#index-sitemap .socialweb_icon{margin-left:80px;margin-bottom:20px}
#index-sitemap .socialweb_icon a{float:left;display:block;line-height:42px;margin-left:12px;}
#index-sitemap .socialweb_icon a img{display:block;}
#index-sitemap .wetchat{display:none;}
#index-sitemap .download{display:none;}

#footer .copyright{margin:20px auto;width:970px;text-align:left;font-size:13px;line-height:1.8em;padding:0 5px 0;position:relative;}
#footer .copyright .footer-sitemap-link{display: inline}

#footer .copyright .award-logo{text-align:center;border-top:1px solid #9fd743;border-bottom:1px solid #9fd743;padding:20px 0;margin-bottom: 30px;}
#footer .copyright .award-logo .caring-company{background: url("../../img/desktop/Caring-Company_4c.png") no-repeat;width:134px;height:63px;text-indent:-9999em;display:inline-block;margin:0 20px}
#footer .copyright .award-logo .iso27001{background: url("../../img/desktop/SGS_ISO27001.png") no-repeat;width:65px;height:63px;text-indent:-9999em;display:inline-block;margin:0 20px}
#footer .copyright .award-logo .eshop-HKRMA{background: url("../../img/desktop/ChinaMobile-QE-Shop-No-201801015.png") no-repeat;width:100px;height:58px;text-indent:-9999em;display:inline-block;margin:0 20px}
#footer .copyright .award-logo .cmhk-star-award{background: url("../../img/desktop/CAHK_star_award-logo.png") no-repeat;width:109px;height:58px;text-indent:-9999em;display:inline-block;margin:0 20px;margin-left:0}
#footer .copyright .award-logo .web-accessibility{background: url("../../img/desktop/web-accessibility-logo.png") no-repeat;width:82px;height:63px;text-indent:-9999em;display:inline-block;margin:0 20px;margin-right:0}

#footer #wechat-qrcode-container{position:relative;display:none;width:960px;margin:0 auto; z-index:9999}
#footer .wechat-qrcode-area{position:absolute;right:55px;top:-255px;border:1px solid #dddddd;background-color:#ffffff;padding:20px;width:170px;text-align:center}
#footer .wechat-qrcode-text{font-size:15px;color:#555;}
#footer .wechat-qrcode-text-mobile{display:none}
#footer #wechat-qrcode-output{margin:10px auto}
#footer .wechat-qrcode-area table{margin: 0 auto;}

#footer .online-enquiry{z-index: 9999;position: fixed;top: 300px;right: 0;background-color: #0083C7;color: #fff;   border-radius: 20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;-webkit-border-radius: 20px 0 0 20px;-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);text-align: center;opacity: 0;transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;}
#footer .online-enquiry a{line-height: 27px;width: 80px;padding: 10px;display:block}
#footer .online-enquiry a:hover{color: #fff;}

/* for alert box style */
#homepageAlert{}
#alert-content{width:100%;min-width:980px;position:absolute;top:137px;z-index:9999;}
#alert-content .alert-box{width:800px;margin:0 auto;padding:50px 50px 0;background-color:#fff;position:relative}
#alert-content .alert-box h1{color:#e40077;font-size:2em;line-height:1.2em;margin-bottom:20px;}
#alert-content .alert-box p{font-size:15px;line-height:20px;}
#alert-content .alert-box .alert-close{position: absolute;top: 18px;right: 18px;}
#alert-content .alert-box .alert-close a{display: block;width: 19px;height: 21px;background: url("../../img/mobile/app-promotion-close-black.png") no-repeat; cursor: pointer; text-indent: -9999px;}
#alert-content .alert-box .alert-content{height: 300px;overflow-y: scroll;padding: 10px;}
#alert-content .alert-box .row{text-align:center;padding: 20px;}
#alert-content .alert-box .align-center{display:inline-block}
#alert-content .alert-box .checkbox-area{float:left;margin-right:20px;font-size:15px;margin-top: 8px;}
#alert-content .alert-box .know-btn-area{float:left;font-size:15px;}
#alert-content .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:15px;}
#alert-content .alert-box .listing-style ol > li {margin:10px auto;}
#alert-content .close{display: block;width: 815px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top right; cursor: pointer;position:absolute;top: 20px;}

/* with banner only */
#alert-content.alert-banner{top:215px}
#alert-content.alert-banner .alert-box{width: 760px;padding:0}
#alert-content.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;}
#alert-content.alert-banner .alert-box .alert-content img{max-width:100%}
#alert-content.alert-banner .alert-box .row{display:none}
#alert-content.alert-banner .alert-box .alert-close{top: -14px;right: -14px;}
#alert-content.alert-banner .alert-box .alert-close a {background:none;border: 2px solid #bbb;background-color: #fff;border-radius: 100px;padding: 2px;width:19px;height:19px;}
#alert-content.alert-banner .alert-box .alert-close a:before, #alert-content.alert-banner .alert-box .alert-close a:after {position: absolute;left: 13px;top: 8px;content: ' ';height: 12px;width: 2px;background-color: #bbb;}
#alert-content.alert-banner .alert-box .alert-close a:before {transform: rotate(45deg);}
#alert-content.alert-banner .alert-box .alert-close a:after {transform: rotate(-45deg);}

.transparent_alert_bg{display:none;width:100%;height:100%;position:absolute;z-index:9999;background-color:rgb(0,0,0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

#homepage-alert{width:700px;height:600px;padding:20px}
#homepage-alert h1{font-size:2em;margin-bottom:20px;line-height:2em;}
#homepage-alert p{font-size:2em;line-height:20px;}

/* for index page btn common style */
a.more-icon{border:none;background:#8fc31f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#ffffff;padding:8px 20px;text-decoration:none;text-align:center;font-size:15px;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
a.more-icon:hover{background-color:#e40077;}

/*======== inner page common style =============*/
#container .page-title-container{width:100%;background-color:#EEEEEE;padding:20px 0;margin-bottom:40px;}
#container .page-title{color:#8fc31f ;font-size:1.333em;width:980px;margin:0 auto 10px;}
#container .page-path{font-size:0.9em;width:980px;margin:0 auto;}
#container .page-path span{display:inline-block;margin:0 10px;}
#container .page-path a{margin:0 10px;}
#container .page-path a:first-child{margin-left: 0px;}

#container .innerpage-content{width:100%;min-width:980px;margin:0 auto;padding:0 0 30px 0;font-size:15px;color:#555555;line-height:25px;min-height:600px;}
#container .innerpage-content .box-container{width:980px;margin:0 auto 40px;}

#container .innerpage-content .box-container-none {width:980px;margin:0 auto 40px;}
#container .innerpage-content .box-container-none .box-container{width:auto;margin:0;}
/*#container .innerpage-content a{color:#e40077}*/


/* toggle list feature,e.g. change-vas.html,outlet-shops.html*/
#container .innerpage-content .toggle-list-area{border-bottom:1px solid #dddddd;overflow:hidden}
#container .innerpage-content .toggle-list-title{color:#000000;/*font-size:20px;font-weight:bold;*/padding:15px 0;background:url("../../img/desktop/toggle-arrow.png") no-repeat 97% 50%;cursor:pointer}
#container .innerpage-content .toggle-list-content{padding-bottom:30px;}
#container .innerpage-content .toggle-list-area .middle-title{margin:0}


#container .innerpage-content .title{font-size:25px;text-align:left;color:#8fc31f ; margin-bottom:30px; line-height:normal;}
#container .innerpage-content .middle-title{font-size:23px;text-align:left;color:#0085d0; margin:35px 0 25px;line-height:normal;}
#container .innerpage-content .small-title{font-size:20px;text-align:left;color:#000000; margin:0 0 30px 0;line-height:normal;}
#container .innerpage-content .greybg-content-container .title{font-size:30px;text-align:left;color:#8fc31f ; margin:0 0 30px 0; line-height:normal;}
#container .innerpage-content .greybg-content-container .middle-title:first-child{font-size:23px;text-align:left;color:#0085d0; margin:0 0 30px 0; line-height:normal;}
#container .innerpage-content .greybg-content-container .middle-title{font-size:23px;text-align:left;color:#0085d0; margin:30px 0; line-height:normal;}



#container .innerpage-content .introduction{margin-bottom:30px;}
#container .innerpage-content .introduction a{color:#e40077}
#container .promotion-template .introduction img{margin:0;padding:0;display:block;}
#container .promotion-template .introduction p{margin:5% 0;}

#container .innerpage-content .friendly-links .introduction ul{clear:both;}
#container .innerpage-content .friendly-links .introduction ul li{float:left;text-align:center;width:29%;margin:1%;padding:2% 1%;height:180px;font-size:1.15em;}
#container .innerpage-content .friendly-links .introduction ul li img{margin:0 auto;margin-bottom:20px;}
#container .innerpage-content .friendly-links .introduction p{clear:both;}


/*#container .innerpage-content .text-content{margin-bottom:50px;}*/

#container .innerpage-content .input-area{width:900px;margin-bottom:30px;}
#container .innerpage-content .highlight-msg-box {margin-bottom:0}
#container .innerpage-content .highlight-msg-box2 {margin-top:30px;}
#container .innerpage-content .input-title-narrow{float:left;width:150px;}
#container .innerpage-content .input-title{float:left;width:200px;margin-right:20px;}
#container .innerpage-content .input-field{float:left;}
#container .innerpage-content .hk-id span{margin-left:15px;}
#container .innerpage-content .input-field .cmhkDropDown {width: 270px;}

#container .innerpage-content .input-field input[type=text],
#container .innerpage-content .input-field input[type=tel],
#container .innerpage-content .input-field input[type=email],
#container .innerpage-content .input-field input[type=number],
#container .innerpage-content .input-field-style{width:250px;height:35px; line-height: 30px; border:1px solid #8fc31f ;padding: 0 10px; /*margin-bottom:8px;*/}
#container .innerpage-content .input-field input[type=text].min-input{width:30px;}
#container .innerpage-content .input-field textarea{width: 360px; height: 150px; border:1px solid #8fc31f; padding: 10px;}

#container .innerpage-content .input-field .checked-list{float: left; margin-right: 20px;}


/*#container .innerpage-content .label-style{font-weight:bold}*/
#container .innerpage-content .asterisk_style{font-size:15px;color:#e40077;font-weight:bold}
#container .innerpage-content .input-field-error{color:#ff0000; clear: both; margin:8px 0;}
#container .innerpage-content .accept-tandc .input-field-error{margin-left:38px;}

#container .innerpage-content .checkbox-area{float:left;width:auto;}
#container .innerpage-content .checkbox-area label{margin:0 50px 0 10px}

#container .innerpage-content .checkbox-area .checkbox-float{float:left;margin-top:-2px}
#container .innerpage-content .checkbox-area .label-float{float:left; margin:0 0 0 10px}

#container .innerpage-content .confirm-area{/*font-weight:bold;*/}
#container .innerpage-content .confirm-area label{margin: 0 0 0 10px;}
#container .innerpage-content .confirm-area label.error{margin: 5px 0 0 0;}

#container .innerpage-content select{padding:5px;border:1px solid #8fc31f;width:150px}

#container .innerpage-content .table-style-noborder{border:none;width:100%;}
#container .innerpage-content .table-style-noborder th, #container .innerpage-content .table-style-noborder td{padding:8px 20px;vertical-align:top;}

#container .innerpage-content .table-style{/*border-collapse:collapse;border:1px solid #dddddd;*/width:100%;margin-bottom:20px;}
#container .innerpage-content .table-style .table-style .table-style {margin:20px 0;}
#container .innerpage-content .table-style .table-style .table-style th{background-color:#999;}
#container .innerpage-content .table-style .table-style .table-style td{background-color:#f3f3f3;}
#container .innerpage-content .table-style a{color:#e40077}
#container .innerpage-content .table-style th,#container .innerpage-content .table-style td{padding:15px;vertical-align:middle;}
#container .innerpage-content .table-style th{border-bottom:1px solid #ffffff;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#8fc31f;color:#ffffff;/* text-align:left;*/font-weight:normal}
#container .innerpage-content .table-style td{border:1px solid #dddddd;background-color:#ffffff;/*text-align:left;*/}
#container .innerpage-content .table-style th th{border:none; vertical-align:top;}
#container .innerpage-content .table-style td td{border:none; vertical-align:top;}

#container .innerpage-content .reservation-result-box .table-style th {width:35%;text-align:left;}

#container .innerpage-content .cancel-table .table-style a.grey-btn{color:#e40077;float:none;}

/*#container .innerpage-content .table-style .no-td-border{border-bottom:none; border-top:none}*/

#container .innerpage-content .th-center th{text-align:center}
#container .innerpage-content .td-center td{text-align:center}
#container .innerpage-content .th-center{text-align:center}
#container .innerpage-content .td-center{text-align:center}

#container .innerpage-content .th-left th{text-align:left}
#container .innerpage-content .td-left td{text-align:left}
#container .innerpage-content .th-left{text-align:left}
#container .innerpage-content .td-left{text-align:left}

#container .innerpage-content .th-right th{text-align:right}

#container .innerpage-content ul li table.table-style{margin:20px 0;}

#container .mobile-page-title-area{display:none}
#container .mobile-page-title-area .mobile-page-title{display:none}
#container .mobile-page-title-area .mobile-page-introduction{display:none}
#container .mobile-page-title-area .arrow{display:none}

#container .mobile-subpage-title-area{display:none}

#container .blue-btn{text-align:center; border:none; background-color:#519BC0; background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0); background-image:-moz-linear-gradient(top,#51B1E1,#519BC0); background-image:-ms-linear-gradient(top,#51B1E1,#519BC0); background-image:-o-linear-gradient(top,#51B1E1,#519BC0); background-image:linear-gradient(to bottom,#51B1E1,#519BC0); -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#ffffff !important; padding:0 25px; text-decoration:none; display: inline-block; height: 35px; line-height: 35px; cursor: pointer;}
#container .blue-btn:hover{background-color:#3cb0fd; background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db); background-image:-moz-linear-gradient(top,#3cb0fd,#3498db); background-image:-ms-linear-gradient(top,#3cb0fd,#3498db); background-image:-o-linear-gradient(top,#3cb0fd,#3498db); background-image:linear-gradient(to bottom,#3cb0fd,#3498db);}

#container .green-btn{border:none; background:#8fc31f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; padding: 0 25px; text-decoration:none; text-align:center; height: 35px; line-height: 35px; cursor: pointer; display: inline-block;}
#container .green-btn:hover{background-color:#e40077;color:#fff;}

#container .grey-btn{border:none; background:#aaa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; padding: 0 25px; text-decoration:none; text-align:center; height: 35px; line-height: 35px; cursor: pointer; display: inline-block;}
#container .grey-btn:hover{background-color:#e40077;color:#fff;}

#container .innerpage-content .btn-area{padding-top:30px; /*border-top:1px solid #ddd;*/}
#container .innerpage-content .form-btn-area{margin-left:220px;padding-top:0}
#container .innerpage-content .form-error-area{margin-left:220px;margin-bottom:10px;margin-top:0}
#container .innerpage-content .btn-area2{padding-top:30px; border-top:1px solid #ddd;margin-top:40px;}
#container .innerpage-content .btn-two{height: 35px; display: inline-block;}
#container .innerpage-content .btn-two .blue-btn,
#container .innerpage-content .btn-two .green-btn,
#container .innerpage-content .btn-two .grey-btn{float: right;}
#container .innerpage-content .btn-two2 .blue-btn,
#container .innerpage-content .btn-two2 .green-btn,
#container .innerpage-content .btn-two2 .grey-btn{float: left;margin-left:15px;}
#container .innerpage-content .btn-two .blue-btn:first-child,
#container .innerpage-content .btn-two .green-btn:first-child,
#container .innerpage-content .btn-two .grey-btn:first-child{float: left; margin-right: 20px;}
#container .innerpage-content .btn-two2 .blue-btn:first-child,
#container .innerpage-content .btn-two2 .green-btn:first-child,
#container .innerpage-content .btn-two2 .grey-btn:first-child{float: left;margin-right:20px;}

#container .innerpage-content  .handset-sorting-area .btn-area {padding-top:15px;}

#container .innerpage-content .btn-area-mobile{display:none}




#container .innerpage-content .grey-btn{float:left;}
/*#container .next-btn{width:110px;text-align:center;border:none;background:#519BC0;background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0);background-image:-moz-linear-gradient(top,#51B1E1,#519BC0);background-image:-ms-linear-gradient(top,#51B1E1,#519BC0);background-image:-o-linear-gradient(top,#51B1E1,#519BC0);background-image:linear-gradient(to bottom,#51B1E1,#519BC0);-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;padding:10px 30px 10px 25px;text-decoration:none;margin-right:15px;}

#container .next-btn:hover{background:#3cb0fd;background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);background-image:-o-linear-gradient(top,#3cb0fd,#3498db);background-image:linear-gradient(to bottom,#3cb0fd,#3498db);text-decoration:none;cursor:pointer}*/

/*#container .innerpage-content .readmore-btn a{width:110px;border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;padding:8px 20px 8px 20px;text-decoration:none;}

#container .innerpage-content .readmore-btn a:hover{background-color:#e40077;}
*/

#container .innerpage-content .green-btn-more{text-align: center;}



#container .innerpage-content .green-btn-submit{width:auto;border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;padding:8px 20px;text-decoration:none;text-align:center;cursor:pointer;}
#container .innerpage-content .green-btn-submit:hover{background-color:#e40077;}

#container .innerpage-content .btn-style a{display:block;color:#555555;font-size:15px;text-decoration:none;text-align:center;}

/*#container .innerpage-content .greybg-content-container{float:left;width:100%;background:#EEEEEE url("../../img/desktop/tab-arrow-bg.png") no-repeat center -1px;position:relative;padding-top:50px;padding-bottom:50px;}*/
#container .innerpage-content .greybg-content-container{background:#f3f3f3 url("../../img/desktop/tab-arrow-bg.png") no-repeat center top; padding: 50px 0; margin-bottom:-30px; position:relative}
#container .innerpage-content .greybox-area{width:980px;margin:0 auto;padding:20px 0;}
#container .innerpage-content .greybg-content-container .greybox-area .greybox-content{float:left;width:700px;}

/* left tab e.g. profile.html*/
#container .innerpage-content .tab-btn{float:left; width:230px; margin-right:40px;}
#container .innerpage-content .tab-btn .tab-ad img{width:100%;margin:10px 0;}
#container .innerpage-content .tab-btn li{margin-bottom: 10px;}
#container .innerpage-content .tab-btn li a{display: block; padding: 15px 15px 15px 30px; border:1px solid #dddddd; background:#FFFFFF; }
#container .innerpage-content .tab-btn li a:hover,
#container .innerpage-content .tab-btn li.active a,
#container .innerpage-content .tab-btn li.ui-tabs-active a{border:2px solid #8fc31f;padding:14px 14px 14px 29px;}
#container .innerpage-content .tab-content{float:left; width:710px; margin:0 auto; display: block !important;}
#container .innerpage-content .tab-content .tab-detail{display: none;}
#container .innerpage-content .tab-content img{max-width:100%; height:auto;}
#container .innerpage-content .tab-content .tabcommon-desktopImage {margin-bottom:30px;}
#container .innerpage-content .tab-content .white-box-content{border:1px solid #dddddd; background-color:#ffffff; padding:20px; margin-bottom:50px;width:670px; overflow:hidden;}
#container .innerpage-content .tab-content .text-content{margin-bottom:30px;}

#container .innerpage-content .tab-content .tab-back,
#container .innerpage-content .tab-content .tab-title{display: none !important;}

/* New-tab left tab e.g. profile.html*/
#container .innerpage-content .new-tab .tab-btn{float:left; width:100%; margin:0 0 40px 0;}
#container .innerpage-content .new-tab .tab-btn li{float:left; height:90px;margin-bottom:5px;margin-right:10px; width: 315px;}
#container .innerpage-content .new-tab .tab-btn li a{display: block; height:50px; padding: 15px; border:1px solid #dddddd; background:#FFFFFF; }
#container .innerpage-content .new-tab .tab-btn li a:hover,
#container .innerpage-content .new-tab .tab-btn li.active a,
#container .innerpage-content .new-tab .tab-btn li.ui-tabs-active a{border:2px solid #8fc31f;padding:14px;}
#container .innerpage-content .new-tab .tab-content{float:left; width:100%; margin:0 auto; display: block !important;}
#container .innerpage-content .new-tab .tab-content .tab-detail{display: none;}
#container .innerpage-content .new-tab .tab-content img{max-width:100%; height:auto;}
#container .innerpage-content .new-tab .tab-content .white-box-content{border:1px solid #dddddd; background-color:#ffffff; padding:20px; margin-bottom:50px;}

#container .innerpage-content .new-tab .tab-content .tab-back,
#container .innerpage-content .new-tab .tab-content .tab-title{display: none !important;}


/* sub page button e.g. corporate-overview.html,handset-detail.html */
/*#container .innerpage-content .subpage-btn-container{float:left;width:100%;border-bottom:1px solid #dddddd;padding-bottom:50px;margin-bottom:50px;}*/
#container .innerpage-content .subpage-btn-container{border-bottom:1px solid #dddddd;padding-bottom:50px;margin-bottom:50px;}
#container .innerpage-content .subpage-btn-container-noborder{border:none;padding:0;margin:0}
#container .innerpage-content .subpage-btn-container a{float:left;width:254px;height:49px;padding:10px 25px 0 20px;border:1px solid #dddddd;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 280px 10px;color:#555555;line-height:18px;margin-right:20px;margin-top:20px;}
#container .innerpage-content .subpage-btn-container a.active,
#container .innerpage-content .subpage-btn-container a:hover{border:2px solid #8fc31f;height:48px;padding:9px 24px 0 19px;background-position:279px -89px;}

#container .innerpage-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .innerpage-content .arrow .left-arrow:hover{background-position:left bottom;}
#container .innerpage-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat left top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .innerpage-content .arrow .right-arrow:hover{background-position:left bottom;}

/* using in handset-index.html */
#container .innerpage-content .middle-content{background-color:#f3f3f3;padding:50px 0; margin-bottom:-30px;}
#container .innerpage-content .middle-content .box-container{width:912px;line-height:normal;}

#container .innerpage-content .innerpage-banner{margin:0 auto 30px}
#container .innerpage-content .innerpage-banner img{min-width:980px; width:980px;/*max-height:270px;*/}


#container .innerpage-content .listing-style ul{list-style-type:disc;margin-left:20px}
#container .innerpage-content .listing-style ul > li{list-style-image: url("../../img/desktop/bullet-point.png");padding-left:5px;margin:10px auto}
#container .innerpage-content .listing-style ol{list-style-type:decimal;margin-left:20px}
#container .innerpage-content .listing-style ol.lower-alpha{list-style-type:lower-alpha}
#container .innerpage-content .listing-style ol > li {margin:10px auto;}



#container .innerpage-content .pink-gb{color:#e40077}
#container .innerpage-content a.pink-gb{color:#e40077}
#container .innerpage-content a.pink-gb:hover{text-decoration:underline;}

#container .innerpage-content .current-step-area{margin:40px auto;}
#container .innerpage-content .current-step-area .step-number-active{float:left;color:#e40077;font-size:35px;margin:5px 10px 0px 0px}
#container .innerpage-content .current-step-area .step-number-nonactive{float:left;color:#bbbbbb;font-size:35px;margin:5px 10px 0px 0px}
#container .innerpage-content .current-step-area .step-description-active{float:left;height:43px;color:#e40077;font-size:18px;}
#container .innerpage-content .current-step-area .step-description-nonactive{float:left;height:43px;color:#bbbbbb;font-size:18px;}
#container .innerpage-content .current-step-area .step-arrow{float:left;width:21px;height:43px;margin:0 50px;background:url("../../img/desktop/step-right-arrow.png") no-repeat top right}

#container .innerpage-content .map-icon{float:left;/*width:5%;*/}
#container .innerpage-content .map-icon a{background:url("../../img/desktop/map-icon.png") no-repeat ;width:41px;height:41px;text-indent:-9999px;display:block}

#container .innerpage-content .selectOutletTable .map-icon a {margin-top:-14px;}
#container .innerpage-content .appointment-info .map-icon a {margin-top:-4px;}


#container .innerpage-content .grey-infobox-container {width:978px; margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-container .grey-infobox-area{float:left;width:270px; height:320px; margin:7px; padding:20px; border:1px solid #dddddd; background:#FCFCFC }
#container .innerpage-content .grey-infobox-container .grey-infobox-area:hover{border:1px solid #8fc31f; }
#container .innerpage-content .grey-infobox-container .grey-infobox-area:hover .small-title{background:url("../../img/desktop/btn-level5-icon.png") no-repeat right -91px; padding-right:20px;}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .small-title{height:50px;background:url("../../img/desktop/btn-level5-icon.png") no-repeat right 7px; margin: 0 auto 10px; padding-right:20px;}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-title-img{width:239px;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000; font-size:20px; text-align:center;margin:0 auto 10px; height:50px}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature{margin:0 20px; color:#000000 }
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature ul{list-style-image:url("../../img/desktop/bullet-arrow.png")}

#container .innerpage-content .hot-service .grey-infobox-container .grey-infobox-area{height:280px;}
/*======== inner page common style =============*/

/*======== login page =============*/
/*#container .login-content{width:100%;min-width:980px;margin:0 auto;padding:0 0 100px 0;}
#container .login-content .box-container{width:980px;margin:0 auto;}
#container .login-content .title{font-size:25px;text-align:left;color:#8fc31f ;margin-bottom:25px;}*/

#container .innerpage-content .login-content .back-container{display:none}
#container .innerpage-content .login-content .back-container .menu-back{display:none}
#container .innerpage-content .login-content .back-container .back-title{display:none}

#container .innerpage-content .login-content .advertisement-area{float:left;width:630px;height:471px;}
#container .innerpage-content .login-content .advertisement-area img{border:none}

#container .innerpage-content .login-content .login-area{float:left;width:270px;height:410px;padding:30px;margin-left:15px;border:1px solid #AAAAAA}
#container .innerpage-content .login-content .login-area .input-title{margin-bottom:10px}
#container .innerpage-content .login-content .login-area .input-field{float:left;margin-bottom:20px}
#container .innerpage-content .login-content .login-area .verification-code{float:left;width:130px;}
#container .innerpage-content .login-content .login-area .verification-code img{width:125px; border:1px solid #ddd;}
#container .innerpage-content .login-content .loginCaptcha{float: left; width: 115px; margin-right: 0;}
#container .innerpage-content .login-content .loginCaptcha img{max-width: 100%; height: 46px}
#container .innerpage-content .login-content .login-area input.input-field-style-verification{float:left; padding:4px 10px;width: 123px; margin-left: 10px; margin-bottom:10px;}
#container .innerpage-content .login-content .login-area .getnewcode{width:270px;/*margin-top:10px*/}
/*#container .innerpage-content .login-content .login-area .getnewcode a{font-size:15px;font-weight:bold;color:#555555}*/

#container .innerpage-content .login-content .login-area .btn-area{margin-bottom:15px;padding:0;border:none;width:auto}

#container .innerpage-content .login-content .login-area .login-btn{width: 100%;}

#container .innerpage-content .login-content .login-area .forgot-password{float:left;width:270px;margin-bottom:5px}
#container .innerpage-content .login-content .login-area .forgot-password a.icon{background:url("../../img/desktop/forget-password.png") no-repeat 2px -5px;float:left;width:30px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .forgot-password a.icon:hover{background-position:2px -45px}
#container .innerpage-content .login-content .login-area .forgot-password .text a{float:left;} 

#container .innerpage-content .login-content .login-area .prepaid-card{float:left;width:270px;}
#container .innerpage-content .login-content .login-area .prepaid-card a.icon{background:url("../../img/desktop/registration.png") no-repeat left -6px;float:left;width:30px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .prepaid-card a.icon:hover{background-position:left -47px}
#container .innerpage-content .login-content .login-area .prepaid-card .text a{float:left;} 
/*======== login page =============*/

/*======== forget password page =============*/
#container .innerpage-content .forgetpw-content .introduction{margin-bottom:30px}

#container .innerpage-content .forgetpw-content .introduction .fontblue{color:#0085d0;}
#container .innerpage-content .forgetpw-content .input-field{width:70%;}

/*#container .innerpage-content .forgetpw-content .input-area{float:left;width:900px;margin-bottom:25px;}*/
/*#container .innerpage-content .forgetpw-content .input-area .asterisk_style{font-size:15px;color:#e40077;font-weight:bold}*/
/*#container .innerpage-content .forgetpw-content .input-area .input-title{float:left;width:150px;}
#container .innerpage-content .forgetpw-content .input-area .input-field{float:left;width:700px}*/

#container .innerpage-content .forgetpw-content .input-area .verification-code{float:left;margin-right:10px}
#container .innerpage-content .forgetpw-content .input-area .verification-code img{width:125px; border:1px solid #ddd;}

#container .innerpage-content .forgetpw-content input.input-field-style-verification{width:114px;height:45px;}

#container .innerpage-content .forgetpw-content .input-area .getnewcode{float:left;margin:20px;}
#container .innerpage-content .forgetpw-content .input-area .getnewcode a{font-size:15px;color:#555555}

/*#container .innerpage-content .forgetpw-content .btn-area{float:left;padding-top:30px;border-top:1px solid #dddddd;width:980px}*/
/*#container .innerpage-content .forgetpw-content .btn-area-mobile{display:none}*/

#container .innerpage-content .forgetpw-content .btn-area{display:inline-block;}
#container .innerpage-content .forgetpw-content .btn-area .blue-btn{float:left;}
#container .innerpage-content .forgetpw-content .btn-area .blue-btn:first-child{float:right;}
/*======== forget password page =============*/

/*======== prepaid customer registration page =============*/
#container .innerpage-content .prepaid-customer-registration-content .introduction{margin-bottom:30px}
/*#container .innerpage-content .prepaid-customer-registration-content .introduction .fontblue{color:#0085d0;font-size:25px;}*/
#container .innerpage-content .prepaid-customer-registration-content .introduction .greyborder{border-bottom:1px solid #dddddd;margin:30px auto}

/*#container .innerpage-content .prepaid-customer-registration-content .input-area{float:left;width:900px;margin-bottom:25px;}*/
/*#container .innerpage-content .prepaid-customer-registration-content .input-area .asterisk_style{font-size:15px;color:#e40077;font-weight:bold}*/
/*#container .innerpage-content .prepaid-customer-registration-content .input-area .input-title{float:left;width:210px;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .input-title-narrow{float:left;width:150px;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .input-field{float:left;width:500px;}*/

#container .innerpage-content .prepaid-customer-registration-content .input-area .input-field-error{margin-top:5px;float:left;width:100%}

#container .innerpage-content .prepaid-customer-registration-content .terms-area{width:900px;height:200px;border:1px solid #dddddd;overflow-y:auto;padding:20px;font-size:15px;}

#container .innerpage-content .prepaid-customer-registration-content .confirm-area{margin-top:30px;}

#container .innerpage-content .prepaid-customer-registration-content .input-area .verification-code{float:left;width:700px;margin-left:220px;margin-top:10px}
#container .innerpage-content .prepaid-customer-registration-content .input-area .verification-code img{width:125px; border:1px solid #ddd;}

#container .innerpage-content .prepaid-customer-registration-content .input-area .getnewcode{float:left;width:270px;margin-left:220px;margin-top:10px}
#container .innerpage-content .prepaid-customer-registration-content .input-area .getnewcode a{color:#555555}

#container .innerpage-content .prepaid-customer-registration-content .btn-area{border-top:1px solid #dddddd}

/*#container .innerpage-content .prepaid-customer-registration-content .btn-area{float:left;padding-top:30px;border-top:1px solid #dddddd;width:980px}*/
/*#container .innerpage-content .prepaid-customer-registration-content .btn-area-mobile{display:none}*/

#container .innerpage-content .prepaid-customer-registration-content .getsms-btn{margin-left:20px;margin-top:5px;float:left}
/*======== prepaid customer registration page =============*/

/*======== search result page =============*/
#container .innerpage-content .search-result-content .search-input-area{width:570px;margin:0 auto;margin-bottom:50px;height:40px}
#container .innerpage-content .search-result-content .search-input-area .search-input-field{float:left;margin-right:20px}
#container .innerpage-content .search-result-content .search-input-area .search-input-field .input-field-style{width:400px;height:33px}
#container .innerpage-content .search-result-content .search-input-area .search-btn{float:left}
#container .innerpage-content .search-result-content .title{display:none}

#container .innerpage-content .search-result-content .search-result-container{border-bottom:1px solid #dddddd;padding-bottom:20px;margin-bottom:20px}
#container .innerpage-content .search-result-content .search-result-container .search-result-title{margin-bottom:10px}
#container .innerpage-content .search-result-content .search-result-container .search-result-title a{color:#8fc31f ;font-size:20px;}
#container .innerpage-content .search-result-content .search-result-container .search-result-path{margin-bottom:10px}
#container .innerpage-content .search-result-content .search-result-container .search-result-content{margin-bottom:10px}
#container .innerpage-content .search-result-content .search-result-container b{color:#e40077}
#container .innerpage-content .search-result-content .search-result-container .search-result-readmore a{color:#8fc31f}

#container .innerpage-content .search-result-content .green-btn{width:72px;margin:0 auto;}
/*======== search result page =============*/

/*======== promotion page =============*/
#container .innerpage-content .promotion-content .page-title-container-promotion{width:100%;background-color:#EEEEEE;margin-bottom:50px;}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container .page-title{font-size:25px;margin-bottom:20px;}

#container .innerpage-content .promotion-content .page-title-container-promotion .page-path,
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-title,
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-subtitle{display:none}

#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container{width:980px;margin:0 auto;padding:50px 0;}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container .page-introduction{color:#555555;font-size:15px;}

#container .innerpage-content .promotion-content .advertisement-area{position:relative;width:313px;height:315px;/*border:1px solid #dddddd;*/ float:left;margin-right:10px;margin-bottom:35px; border:1px solid #f0f0f0;}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail{display:none;cursor:pointer;position:absolute;top:0;width:273px;height:255px;z-index:7777;opacity:0.9;background-color:rgb(96,96,96);padding:30px 20px}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail:hover {cursor:pointer;}
#container .innerpage-content .promotion-content .advertisement-area:hover .advertisement-detail{display:block}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .close-btn{display:none}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-title{font-size:20px;color:#8fc31f ;text-align:center; margin-bottom:20px}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-introduction{font-size:15px;color:#ffffff;text-align:center;}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-bt{width:273px;text-align:center; position:absolute; bottom:10%}

/*#container .innerpage-content .promotion-content .advertisement-area .no-ad{width:313px;height:167px;font-size:22px;color:#8fc31f;background-color:#FBFBFB;text-align:center;padding-top:160px}
*/
#container .innerpage-content .promotion-content .readmore-area{width:950px;float:left;text-align:center;margin-top:50px;}

/*#container .innerpage-content .promotion-content .readmoread-btn a{width:110px;border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;padding:8px 20px 8px 20px;text-decoration:none;}
#container .innerpage-content .promotion-content .readmoread-btn a:hover{background-color:#e40077;}*/

/*======== promotion page =============*/

/*======== profile.html =============*/
/*---- account overview ----*/
#container .innerpage-content .account-content .account-table{float:left;width:650px;margin-bottom:30px}
#container .innerpage-content .account-content .account-table.prepaid{float: none; width: 100%;}
#container .innerpage-content .account-content .account-table .table-style{margin-bottom:0}

/*#container .innerpage-content .account-content .account-table table{border-collapse:collapse;border:1px solid #dddddd;}
#container .innerpage-content .account-content .account-table th{border-bottom:1px solid #ffffff;background:#8fc31f;color:#ffffff;font-weight:bold;width:180px;text-align:left}
#container .innerpage-content .account-content .account-table td{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;color:#555555;font-weight:bold}*/

#container .innerpage-content .account-content .account-table th{width:180px;text-align:left}
#container .innerpage-content .account-content .account-table .pinklink{float:right;padding-left:10px;color:#e40077;background:url("../../img/desktop/bullet-arrow.png") no-repeat left;}

#container .innerpage-content .account-content .right-container{float:left;margin-left:30px;margin-bottom:50px;width:290px;}
#container .innerpage-content .account-content .right-container .right-icon-4g{float:left;width:35px;height:35px;margin-right:20px;background:url("../../img/desktop/4g-icon.png") no-repeat}
#container .innerpage-content .account-content .right-container .right-icon-telephone{float:left;width:35px;height:35px;margin-right:20px;background:url("../../img/desktop/phone-icon.png") no-repeat}
#container .innerpage-content .account-content .right-container .right-icon-onlinechat{float:left;width:35px;height:35px;margin-right:20px;background:url("../../img/desktop/online-chat-icon.png") no-repeat}
#container .innerpage-content .account-content .right-container .right-title{color:#000000;font-size:20px;font-weight:bold;margin-top:8px;margin-bottom:15px}
#container .innerpage-content .account-content .right-container .right-content{margin-left:55px;}
#container .innerpage-content .account-content .right-container .right-telephone{margin-left:55px;color:#e40077;font-weight:bold;font-size:20px;}
#container .innerpage-content .account-content .readmore-area{float:left;margin-top:20px;margin-left:55px}
/*---- account overview ----*/

/*----- usage ----*/
/*#container .innerpage-content .account-content .usage-container{width:100%;background:#EEEEEE url("../../img/desktop/tab-arrow-bg.png") no-repeat center top;min-height:850px;overflow:hidden;padding-bottom:50px;position:relative}*/
/*#container .innerpage-content .account-content .usage-container .tab-arrow-bg{background:url("../../img/desktop/tab-arrow-bg.png") no-repeat;width:54px;height:20px;position:absolute;top:-1px;left:50%}*/
/*#container .innerpage-content .account-content .usage-container .usage-area{width:980px;margin:0 auto;padding:50px;}*/

/*#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container{float:left;width:200px;margin-right:30px;list-style:none}*/
/*#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container .tab-btn a{float:left;width:200px;height:20px;padding:15px 0px 15px 30px;border:1px solid #dddddd;background:#FFFFFF;font-size:13px;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container .tab-btn a:hover{border:2px solid #8fc31f;height:19px;padding:14px 0px 15px 29px;}
#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container .tab-btn-active a{border:2px solid #8fc31f;height:19px;padding:14px 0px 15px 29px;}*/

/*#container .innerpage-content .account-content .content{float:left;width:700px;}*/
#container .innerpage-content .account-content .tab-content .issue-date{font-size:18px;font-weight:bold;color:#555555;margin-top:20px;}
#container .innerpage-content .account-content .tab-content .issue-date a{color:#555555; cursor: pointer; margin: 0 5px;}
#container .innerpage-content .account-content .tab-content .issue-date a:hover,
#container .innerpage-content .account-content .tab-content .issue-date a.active{color: #8fc31f;}
#container .innerpage-content .account-content .tab-content .total-billed-usage-title{float:left;font-size:22px;font-weight:bold;color:#555555;width:100%;padding-top:25px;margin-top:25px;}

#container .innerpage-content .account-content .tab-content .cut-off-title{float:left;margin-top:35px; margin-right: 20px; font-size:18px;font-weight:bold;color:#555555;}
#container .innerpage-content .account-content .tab-content .cut-off-day{float:left;padding:15px;font-size:18px;font-weight:bold;color:#555555;border:2px solid #8fc31f;border-radius:5px;margin-top:20px}
#container .innerpage-content .account-content .tab-content .usage-table-container{float:left;width:100%;margin-top:30px;}
#container .innerpage-content .account-content .tab-content .usage-table-container .pinkdate{color:#e40077}

/*#container .innerpage-content .account-content .usage-container .usage-area .content .usage-table-container table{width:700px;}
#container .innerpage-content .account-content .usage-container .usage-area .content .usage-table-container table,td,th{border-collapse:collapse;border:1px solid #dddddd;background:#ffffff;font-weight:bold;text-align:left;color:#555555}*/

#container .innerpage-content .account-content .tab-content .table-style th{text-align:left;border-bottom:1px solid #dddddd;background:#ffffff;color:#555555;}

#container .innerpage-content .account-content .tab-content .greenlink{margin:0 10px;color:#8fc31f}
#container .innerpage-content .account-content .tab-content .green-btn a{color:#ffffff}

/*#container .innerpage-content .account-content .usage-container .usage-area .content .usage-table-container p{line-height:25px}*/

/*#container .innerpage-content .pleaseclickhere-btn a{width:110px;border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;font-weight:normal;padding:8px 20px 8px 20px;text-decoration:none;}
#container .innerpage-content .pleaseclickhere-btn a:hover{background-color:#e40077;}*/
/*---- usage ----*/

/*---- you may also like ----*/
#container .innerpage-content .you-may-also-like{float:left;margin:50px 0;width: 47%; margin-right: 5%;}
#container .innerpage-content .you-may-also-like .alsolike-icon{float:left;width:8%;margin-right:20px;}
#container .innerpage-content .you-may-also-like .alsolike-content{float:left;color:#555555; width: 85%;}
#container .innerpage-content .you-may-also-like .alsolike-title{font-size:20px;font-weight:bold;margin-top:8px;margin-bottom:15px;}
#container .innerpage-content .you-may-also-like .alsolike-content .list{font-size:15px;margin-left:20px;}
#container .innerpage-content .you-may-also-like .alsolike-content .list li {list-style-image:url("../../img/desktop/bullet-point.png");margin:5px 0;}
#container .innerpage-content .you-may-also-like .alsolike-content .list a{color:#555555;}

#container .innerpage-content .msg-remarks{float: left;margin:50px 0;width: 47%;}
#container .innerpage-content .msg-remarks .remarks-icon{float: left; width: 10%; margin-right: 20px;margin-top:3px;}
#container .innerpage-content .msg-remarks .remarks-content{float: left; width: 85%;color:#555555;}
#container .innerpage-content .msg-remarks .remarks-title{font-size:20px;font-weight:bold;margin-top:5px;margin-bottom:18px;}

/*---- you may also like ----*/
/*======== profile.html =============*/

/*======== check-data-usage.html =============*/
/*---- Current Service Plan,Current Data Usage ----*/
#container .innerpage-content .check-data-usage-content .border-container{width:100%;border-bottom:1px solid #dddddd;padding:30px 0;}
#container .innerpage-content .check-data-usage-content .currentplan-container{width:47%;float:left;margin-bottom:50px;}
#container .innerpage-content .check-data-usage-content .with-right-border{border-left:1px solid #dddddd;padding-left:5%}

#container .innerpage-content .check-data-usage-content .currentplan-container .plan-title{width:45%;float:left;font-size:20px;color:#000000;}
#container .innerpage-content .check-data-usage-content .currentplan-container .current-plan{width:55%;float:left;font-size:27px;color:#e40077;font-weight:bold;}
#container .innerpage-content .check-data-usage-content .currentplan-container .green-btn-area{float:left;width:50%;margin-top:20px}
/*---- Current Service Plan,Current Data Usage ----*/

/*---- Usage Limit ----*/
#container .innerpage-content .check-data-usage-content .usagelimit-container{width:20%;float:left;margin-top:30px; margin-right: 2%;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .plan-title{font-size:20px;color:#000000;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .current-plan{font-size:27px;color:#e40077;font-weight:bold;margin-top:10px}

#container .innerpage-content .check-data-usage-content .usage-bar-container{float:left;margin-top:50px;width:78%;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .sim-card-type{width:78%;text-align:center;font-weight:bold;margin-bottom:5px; margin-top: -25px;}

#container .innerpage-content .check-data-usage-content .usage-bar-container .grey-bar{background:#DCDCDC;width:78%;height:20px;position:relative}
#container .innerpage-content .check-data-usage-content .usage-bar-container .green-bar{background:#8fc31f;width:10%;height:20px;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .usage-pointer{background:url("../../img/desktop/usage-pointer.png") no-repeat;width:12px;height:11px;position:absolute;top:20px;left:9%;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .usage-number{width:78%;font-size:20px;color:#e40077;font-weight:bold;text-align:center;margin-top:30px;margin-bottom:50px}
#container .innerpage-content .check-data-usage-content .warning{color: #e40077;}
/*---- Usage Limit ----*/

/*---- Data Usage Limit Update History ----*/
#container .innerpage-content .check-data-usage-content .data-usage-update-history{padding-top:40px}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .middle-title{margin-bottom:40px}

/*#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-table{width:100%;border-collapse:collapse;background:#ffffff;font-weight:bold;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-table th{text-align:center;color:#ffffff;background:#8fc31f;border:1px solid #ffffff;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-table td{text-align:center;border:1px solid #dddddd;}*/
#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style{width:100%}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style th{text-align:center;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style td{text-align:center;}

/*#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content{font-size:15px;font-weight:bold;color:#555555;}*/
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content ul{margin-top:30px;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content ul li{margin-bottom:15px;}

/*#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content table{width:96%;margin-left:4%;border-collapse:collapse;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content td{width:30%;text-align:left;border:1px solid #dddddd;height:30px}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content th{border:1px solid #dddddd;}*/
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style{width:96%;/* margin-left:4%;*/}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style th{background:none;color:#555555;border:1px solid #dddddd;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style td{width:30%;}

/*---- Data Usage Limit Update History ----*/

/*======== check-data-usage.html =============*/

/*======== change-data-usage-limit.html =============*/
#container .innerpage-content .check-data-usage-content .change-data-usage-limit{width:100%;}
/*#container .innerpage-content .check-data-usage-content .change-data-usage-limit .data-usage-limit-setting-title{color:#008ED5;font-size:20px;font-weight:bold;margin-top:40px;}*/
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .middle-title{margin:30px 0;}

#container .innerpage-content .check-data-usage-content .change-data-usage-limit ul{margin-top:20px;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit ul li{margin-bottom:15px;}

/*#container .innerpage-content .check-data-usage-content .change-data-usage-limit .change-data-usage-limit-content{font-size:15px;font-weight:bold;color:#555555;}*/
#container .innerpage-content .check-data-usage-content .change-data-usage-limit{margin-top:30px;}

/*#container .innerpage-content .check-data-usage-content .change-data-usage-limit .change-data-usage-limit-content table{width:96%;margin-left:4%;border-collapse:collapse;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .change-data-usage-limit-content td{width:30%;text-align:left;border:1px solid #dddddd;height:30px}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .change-data-usage-limit-content th{border:1px solid #dddddd;}*/
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .table-style{width:96%;margin-bottom:20px;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .table-style td{width:30%;text-align:left;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .table-style th{background:none;color:#555555;border:1px solid #dddddd;}

#container .innerpage-content .check-data-usage-content .change-data-usage-limit-content{float:right;width:78%;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit-title{/*width:68%;float:left;*/ text-align:right;margin-top:30px;}
/*#container .innerpage-content .check-data-usage-content .change-data-usage-limit-title .pink-gb{color:#e40077}*/

#container .innerpage-content .check-data-usage-content .change-usage-bar-container{/*float:left;*/ width:88%;margin:50px 0 50px 80px;}
#container .innerpage-content .check-data-usage-content .btn-area{padding:0;text-align:right;border:none}

#container .innerpage-content .check-data-usage-content .usageSelectLimitCostDisplay2{margin:40px 67px 0 0; text-align:right;}
#container .innerpage-content .check-data-usage-content .middle-title{margin:30px 0;}
#container .innerpage-content .check-data-usage-content .temp-container-1 section,
#container .innerpage-content .check-data-usage-content .temp-container-2 section{margin-top:-30px;}
#container .innerpage-content .check-data-usage-content .temp-container-1{margin-top:100px;}
#container .innerpage-content .check-data-usage-content .sim-card-type-setting { font-size: 16px; padding-top: 10px; }
/*======== change-data-usage-limit.html =============*/

/*======== call-details-record.html =============*/
#container .innerpage-content .call-details-record-content .introduction{width:100%;}
#container .innerpage-content .call-details-record-content .record-menu{width:100%;margin-top:50px;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list{float:left;font-size:20px}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li{float:left;margin-right:30px;border:none;text-align:center}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li{position:relative;border:1px solid #fff;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li a{color:#8fc31f;display:block;padding:8px 15px;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active,
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li:hover{border:1px solid #8fc31f;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active .record-menu-arrow,
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li:hover .record-menu-arrow{width:100%;height:8px;background:url("../../img/desktop/tab-arrow.png") no-repeat center 100%;position:absolute;/* top:41px;left:45px */}

#container .innerpage-content .call-details-record-content .bill-type-selection{float:right;}
#container .innerpage-content .call-details-record-content .bill-type-selection .cmhkDropDown{width:120px;}

#container .innerpage-content .call-details-record-content .scroll-table{width:100%;margin-top:25px}

#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-normal{display:none;background:url("../../img/desktop/sorting-arrow.png") no-repeat right top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}
#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-up{display:inline-block;background:url("../../img/desktop/sorting-arrow.png") no-repeat center top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}
#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-down{display:none;background:url("../../img/desktop/sorting-arrow.png") no-repeat left top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}

/*#container .innerpage-content .call-details-record-content .record-table table{width:100%;border-collapse:collapse;border:1px solid #dddddd!important}
#container .innerpage-content .call-details-record-content .record-table th{background:#8fc31f;color:#ffffff;text-align:center;border:none}
#container .innerpage-content .call-details-record-content .record-table th a{color:#ffffff;}
#container .innerpage-content .call-details-record-content .record-table th img{margin-left:5px}
#container .innerpage-content .call-details-record-content .record-table td{text-align:center;border-right:0;border-left:0}*/
#container .innerpage-content .call-details-record-content .table-style{width:100%;}
#container .innerpage-content .call-details-record-content .table-style th{text-align:center;border:none;white-space:nowrap;padding:20px 0 !important;}
#container .innerpage-content .call-details-record-content .table-style th a{color:#ffffff;}
#container .innerpage-content .call-details-record-content .table-style th img{margin-left:5px}
#container .innerpage-content .call-details-record-content .table-style td{text-align:center;border-right:0;border-left:0;padding:20px 0;}

#container .innerpage-content .call-details-record-content .record-mobile-subtitle{display:none}
#container .innerpage-content .call-details-record-content .record-menu-mobile{display:none}
#container .innerpage-content .call-details-record-content .date-selection{display:none}
#container .innerpage-content .call-details-record-content .record-table-mobile{display:none}
#container .innerpage-content .call-details-record-content .btn-area{text-align: center;}


#container .innerpage-content .call-details-record-content .summary{margin-bottom: 30px;}
#container .innerpage-content .call-details-record-content .summary span{color: #0085d0; font-size: 23px; margin: 0 5px;}
#container .innerpage-content .call-details-record-content .callDetailDateOption{margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li{float: left; margin-right: 20px;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li .cmhkDropDown{height: 33px;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li label{}
#container .innerpage-content .call-details-record-content .callDetailDateOption li input[type=text]{width: 100px; height: 31px; line-height: 30px; text-align: center;}
#container .innerpage-content .call-details-record-content .callDetailDateOption .cmhkDropDown li{float: none; margin-right: 0;}

#container .innerpage-content .call-details-record-content .usage-summary{border: 1px solid #8fc31f; padding: 20px 30px;}
#container .innerpage-content .call-details-record-content .usage-summary p{padding: 5px 0; margin: 0;}
/*======== call-details-record.html =============*/

/*======== bill-payment.html =============*/
/*#container .innerpage-content .bill-payment-content .introduction{width:100%;font-size:15px;color:#555555;line-height:25px;}*/
/*#container .innerpage-content .bill-payment-content .pay-title{color:#008ED5;font-size:20px;font-weight:bold;margin-top:40px;margin-bottom:30px;border-top:1px solid #dddddd;padding-top:40px}*/
#container .innerpage-content .bill-payment-content .middle-title{margin-top:40px;margin-bottom:30px;border-top:1px solid #dddddd;padding-top:40px}
#container .innerpage-content .bill-payment-content .introduction a{color:#555555;}
#container .innerpage-content .bill-payment-content .input-title{float:left;width:15%;margin:0}
#container .innerpage-content .bill-payment-content .input-field{float:left;width:85%}
#container .innerpage-content .bill-payment-content .input-field-style{width:120px;font-size:15px;}
#container .innerpage-content .bill-payment-content .btn-area{margin:30px 0 50px;border:none; border-top:1px solid #ddd;}
#container .innerpage-content .bill-payment-content .btn-area2{margin:30px 0 50px;border:none; border-top:1px solid #ddd;}

#container .innerpage-content .bill-payment-content .confirm-btn{/* margin-left:146px;width:270px;border:none;background:#519BC0;background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0);background-image:-moz-linear-gradient(top,#51B1E1,#519BC0);background-image:-ms-linear-gradient(top,#51B1E1,#519BC0);background-image:-o-linear-gradient(top,#51B1E1,#519BC0);background-image:linear-gradient(to bottom,#51B1E1,#519BC0);-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:15px;padding:10px 40px 10px 40px;*/}

#container .innerpage-content #bill-payment-1-form .introduction {margin:0 0 25px 0;}
#container .innerpage-content #bill-payment-1-form .introduction table {width:100%;margin: 20px 0;}
#container .innerpage-content #bill-payment-1-form .introduction table td{padding:15px;border:1px solid #ddd;}

/*#container .innerpage-content .bill-payment-content .confirm-btn:hover{background:#3cb0fd;background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);background-image:-o-linear-gradient(top,#3cb0fd,#3498db);background-image:linear-gradient(to bottom,#3cb0fd,#3498db);text-decoration:none;cursor:pointer}*/

#container .innerpage-content .bill-payment-content .readmore-area{float:left;margin-top:10px;}
/*======== bill-payment.html =============*/

/*======== payment-methods.html =============*/
/*#container .innerpage-content .payment-methods-content .introduction{width:100%;font-size:14px;font-weight:bold;color:#555555;line-height:25px}*/
/*#container .innerpage-content .payment-methods-content .introduction a{color:#e40077}*/

/*#container .innerpage-content .payment-methods-content .main-table{width:100%}
#container .innerpage-content .payment-methods-content .main-table a{color:#e40077}

#container .innerpage-content .payment-methods-content .main-table table{width:100%;border-collapse:collapse;border:1px solid #dddddd}
#container .innerpage-content .payment-methods-content .main-table th{background:#8fc31f;color:#ffffff;text-align:center;border:1px solid #ffffff;width:25%;vertical-align:top}
#container .innerpage-content .payment-methods-content .main-table td{text-align:center;border:1px solid #dddddd}*/

/*#container .innerpage-content .payment-methods-content .main-table a{color:#e40077}*/

/*#container .innerpage-content .payment-methods-content table.main-table{width:100%;border-collapse:collapse;border:1px solid #dddddd}
#container .innerpage-content .payment-methods-content table.main-table th{background:#8fc31f;color:#ffffff;text-align:center;border:1px solid #ffffff;width:25%;vertical-align:top}
#container .innerpage-content .payment-methods-content table.main-table td{text-align:center;border:1px solid #dddddd}*/
#container .innerpage-content .payment-methods-content .table-style th{text-align:center;}
#container .innerpage-content .payment-methods-content .table-style td{text-align:center;}

#container .innerpage-content .payment-methods-content .middle-title{border-top:1px solid #dddddd;padding-top:50px;margin-top:50px;margin-bottom:20px;}

/*#container .innerpage-content .payment-methods-content .service-table{width:100%;border-collapse:collapse;border:1px solid #dddddd}
#container .innerpage-content .payment-methods-content .service-table a{color:#e40077}
#container .innerpage-content .payment-methods-content .service-table th{background:#8fc31f;color:#ffffff;text-align:right;border:1px solid #ffffff;width:25%;vertical-align:top}*/
#container .innerpage-content .payment-methods-content .service-table th{text-align:right}
#container .innerpage-content .payment-methods-content .service-table td{text-align:left;border:1px solid #dddddd}

/*#container .innerpage-content .payment-methods-content .greyborder{border-bottom:1px solid #dddddd;margin-top:40px}

#container .innerpage-content .payment-methods-content .pay-title{color:#008ED5;font-size:20px;font-weight:bold;margin-top:40px;margin-bottom:30px}*/
/*======== payment-methods.html =============*/

/*======== corporate-overview.html =============*/
/*#container .innerpage-content .corporate-overview-content .subpage-btn-container{float:left;width:100%;border-bottom:1px solid #dddddd;padding-bottom:50px;margin-bottom:50px;}
#container .innerpage-content .corporate-overview-content .subpage-btn-container .subpage-btn a{float:left;width:280px;height:20px;padding:10px 0px 25px 20px;border:1px solid #dddddd;background:#FCFCFC;font-size:14px;font-weight:bold;margin-right:20px;margin-top:20px;}
#container .innerpage-content .corporate-overview-content .subpage-btn-container .subpage-btn a:hover{border:2px solid #8fc31f;width:279px;height:19px;padding:9px 0px 25px 19px;}
#container .innerpage-content .corporate-overview-content .subpage-btn-container .subpage-btn-active a{border:2px solid #8fc31f;width:279px;height:19px;padding:9px 0px 25px 19px;}
*/
/*
#container .innerpage-content .corporate-overview-content .greybg-content-container{float:left;width:100%;background:#EEEEEE url("../../img/desktop/tab-arrow-bg.png") no-repeat center -1px;position:relative;padding-top:50px;padding-bottom:50px;margin-bottom:50px}
#container .innerpage-content .corporate-overview-content .greybg-content-container .tab-arrow-bg{background:url("../../img/desktop/tab-arrow-bg.png") no-repeat;width:54px;height:20px;position:absolute;top:-1px;left:50%}
#container .innerpage-content .corporate-overview-content .greybox-area{width:980px;margin:0 auto;padding:20px;}
*/

/*#container .innerpage-content .corporate-overview-content .content-area{float:left;width:600px}*/
/*#container .innerpage-content .corporate-overview-content .content-area .aboutus-title{width:100%;font-size:20px;font-weight:bold;color:#008ED5;margin-bottom:30px}*/
/*#container .innerpage-content .corporate-overview-content .subpage-btn-container{border-bottom:1px solid #dddddd;padding-bottom:50px;margin-bottom:50px;}*/

#container .innerpage-content .corporate-overview-content .greybox-content .middle-title{margin-bottom:30px}

#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content{width:700px}

#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content .table-style th{width:25%;text-align:right}
/*#container .innerpage-content .corporate-overview-content .content-area .aboutus-content table{border-collapse:collapse;border:1px solid #dddddd;}
#container .innerpage-content .corporate-overview-content .content-area .aboutus-content th{border-bottom:1px solid #ffffff;background:#8fc31f;color:#ffffff;font-weight:bold;width:25%;text-align:right;vertical-align:top}
#container .innerpage-content .corporate-overview-content .content-area .aboutus-content td{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;color:#555555;font-weight:bold}
*/

/*#container .innerpage-content .corporate-overview-content .left-tab-container{float:left;width:25%;margin-right:3%;}*/
/*#container .innerpage-content .corporate-overview-content .left-tab-container .tab-btn a{float:left;width:200px;height:20px;padding:15px 0px 15px 30px;border:1px solid #dddddd;background:#FFFFFF;font-size:13px;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .corporate-overview-content .left-tab-container .tab-btn a:hover{border:2px solid #8fc31f;width:199px;height:19px;padding:14px 0px 15px 29px;}
#container .innerpage-content .corporate-overview-content .left-tab-container .tab-btn-active a{border:2px solid #8fc31f;width:199px;height:19px;padding:14px 0px 15px 29px;}*/

/*======== corporate-overview.html =============*/

/*======== corporate-news.html =============*/
#container .innerpage-content .corp-news-content .news-container{margin-bottom:100px;}

#container .innerpage-content .corp-news-content .news-container .corp-news-image-area{float:left;width:30%;}
#container .innerpage-content .corp-news-content .news-container .corp-news-image-area img{width:300px;}

#container .innerpage-content .corp-news-content .news-container .corp-news-content-area{float:left;width:65%;margin-left:5%;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-title{font-size:20px;color:#000000;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-date{font-weight:bold;padding-top:20px;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-content{line-height:25px;padding-top:20px;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-bt-area{padding-top:30px;}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .title{float:left;width:20%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-view-all a{float:right;font-size:20px;color:#8fc31f ;}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box{width:90%;padding:5%;background-color:#FFFFFF;border:1px solid #dddddd;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .input-date-title{float:left;font-size:20px;margin-top:5px}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker{float:left;padding-right:10px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-date-style{float:left;margin-left:15px;width:150px;height:33px;font-size:15px;border:1px solid #dddddd;padding-left:10px;color:#999999}
/*#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .datepicker-bt{float:left;width:35px;height:34px;background:#8fc31f}*/

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-keywords-style{float:left;margin-left:10px;width:165px;height:33px;font-size:15px;border:1px solid #dddddd;padding-left:10px;color:#000000}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .input-keyword-title{float:left;color:#555555;font-size:20px;margin-top:5px;margin-left:20px}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-bt-area{float:left;/* margin-top:5px*/}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list{width:90%;padding:5%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li{margin-bottom:20px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li span{float:left;width:20%;line-height:30px;display:block;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li a{float:left;width:80%;line-height:30px;color:#555555;}

/*#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .mobile-news-list-more{display:none}*/
/*======== corporate-news.html =============*/

/*======== corporate-news-detail.html =============*/
#container .innerpage-content .corp-news-detail-content .news-detail-back-btn{width:100%;margin-bottom:50px;background:url("../../img/desktop/product-back-arrow.png") no-repeat left 90%;padding-left:30px;height:26px;line-height:26px;}
#container .innerpage-content .corp-news-detail-content .news-detail-back-btn a{color:#8fc31f ;font-size:1.333em;}
#container .innerpage-content .corp-news-detail-content .news-detail-title{font-size:1.667em;margin-bottom:20px}
#container .innerpage-content .corp-news-detail-content .news-detail-date{margin-bottom:50px}
#container .innerpage-content .corp-news-detail-content .news-detail-content{}

/*#container .innerpage-content .corp-news-detail-content .news-detail-content table{border-collapse:collapse;border:1px solid #dddddd;width:60%}
#container .innerpage-content .corp-news-detail-content .news-detail-content th{border-bottom:1px solid #ffffff;background:#8fc31f;color:#ffffff;font-size:15px;text-align:left;padding:10px 30px;}
#container .innerpage-content .corp-news-detail-content .news-detail-content td{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;font-size:14px;color:#555555;font-weight:bold;padding:10px 30px;}*/
/*======== corporate-news-detail.html =============*/

/*======== contactus.html =============*/
/*#container .innerpage-content .contactus-content .main-table{width:100%;margin-bottom:50px;}*/

/*#container .innerpage-content .contactus-content .main-table{width:100%;border-collapse:collapse;border:1px solid #dddddd;margin-bottom:50px;}
#container .innerpage-content .contactus-content .main-table a{color:#e40077}
#container .innerpage-content .contactus-content .main-table th{background:#8fc31f;color:#ffffff;border:1px solid #ffffff;width:25%;text-align:center;vertical-align:top}
#container .innerpage-content .contactus-content .main-table td{text-align:center;border:1px solid #dddddd;text-align:left}*/

#container .innerpage-content .contactus-content .table-style{margin-bottom:50px;}
#container .innerpage-content .contactus-content .table-style th{background:#8fc31f;color:#ffffff;/*border:1px solid #ffffff;*/width:25%;text-align:center;vertical-align:top}
/*#container .innerpage-content .contactus-content .table-style a{color:#e40077}*/



#container .innerpage-content .contactus-content .toggle-list-content{margin:20px auto;}

#container .innerpage-content .contactus-content .contact-info{width:88%}
#container .innerpage-content .contactus-content .map-info{float:left;width:88%;margin-right:2%;}
#container .innerpage-content .contactus-content .title-column{float:left;width:18%;margin-right:2%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .contactus-content .content-column{float:left;width:80%;margin-bottom:10px}

/*======== contactus.html =============*/

/*======== outlet-shops.html =============*/
#container .innerpage-content .cmhk-shops-content .shop-list .middle-title{float:left;width:100%;border-bottom:1px solid #000000;padding-bottom:20px;margin:20px 0}

/*#container .innerpage-content .cmhk-shops-content .shop-list .map-icon{float:left;width:10%;}
#container .innerpage-content .cmhk-shops-content .shop-list .map-icon a{background:url("../../img/desktop/map-icon.png") no-repeat ;width:41px;height:41px;text-indent:-9999px;display:block}
*/
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info{float:left;width:88%;margin-right:2%;margin-bottom:30px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .title-column{float:left;width:18%;margin-right:2%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .content-column{float:left;width:80%;margin-bottom:10px}

/*======== outlet-shops.html =============*/

/*======== change-service-plan.html =============*/
#container .innerpage-content .change-service-plan-content .current-plan-title-area{width:100%;/*border-top:1px solid #dddddd;*/border-bottom:1px solid #dddddd;padding:0 0 30px 0}
#container .innerpage-content .change-service-plan-content .middle-title{margin-bottom:20px}
#container .innerpage-content .change-service-plan-content .current-using-plan{color:#e40077;font-size:2em;}

#container .innerpage-content .change-service-plan-content .current-service-plan-content{margin-top:30px}
#container .innerpage-content .change-service-plan-content .small-title{margin-top:50px;margin-bottom:20px;width:100%}

#container .innerpage-content .change-service-plan-content .btn-area{margin-top:30px; display: inline-block;}

/*#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area label{margin:0 50px 0 10px}*/
/*#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area input[type=checkbox]{width:18px;height:18px;}*/

/*

#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area input[type="checkbox"]{position:absolute;left:-9999px;}
#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area input[type="checkbox"] + label{display:inline-block;width:18px;height:18px;background:url("../../img/desktop/input-nontick.png") no-repeat;cursor:pointer;}
#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area input[type="checkbox"]:checked + label{background:url("../../img/desktop/input-tick.png") no-repeat;}
#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area input[type="checkbox"] + label.active{background:url("../../img/desktop/input-tick.png") no-repeat;}*/

/*#container .innerpage-content .change-service-plan-content .contact-info-input-title{float:left;width:150px;color:#555555;font-weight:bold;font-size:15px;margin-top:25px}
#container .innerpage-content .change-service-plan-content .contact-info-input-data{float:left;width:75%;color:#555555;font-weight:bold;font-size:13px;margin-top:25px}
#container .innerpage-content .change-service-plan-content .contact-info-input-data input[type="text"]{width:250px;height:30px;border:1px solid #8fc31f ;font-size:15px;padding-left:5px}
*/

/*------------ version 2 ------------*/
/*#container .innerpage-content .change-service-plan-content .current-step-area{width:100%;margin:40px 0;}
#container .innerpage-content .change-service-plan-content .current-step-area .step-number-active{float:left;color:#e40077;font-size:35px;font-weight:bold;margin:5px 10px 0px 50px}
#container .innerpage-content .change-service-plan-content .current-step-area .step-number-nonactive{float:left;color:#bbbbbb;font-size:35px;font-weight:bold;margin:5px 10px 0px 50px}
#container .innerpage-content .change-service-plan-content .current-step-area .step-description-active{float:left;width:200px;height:43px;color:#e40077;font-size:17px;font-weight:bold;}
#container .innerpage-content .change-service-plan-content .current-step-area .step-description-nonactive{float:left;width:200px;height:43px;color:#bbbbbb;font-size:17px;font-weight:bold;}
#container .innerpage-content .change-service-plan-content .current-step-area .step-arrow{float:left;width:21px;height:43px;background:url("../../img/desktop/step-right-arrow.png") no-repeat top right}*/
#container .innerpage-content .change-service-plan-content .current-step-area{margin:40px auto;width:647px}

#container .innerpage-content .change-service-plan-content .change-plan-text{}
#container .innerpage-content .change-service-plan-content .change-plan-text a{color:#e40077;}
#container .innerpage-content .change-service-plan-content .select-service-content{margin-bottom:20px}
#container .innerpage-content .change-service-plan-content .confirm-service-content{margin-bottom:20px;}

#container .innerpage-content .change-service-plan-content .select-service-content .table-style th{text-align:center;}
#container .innerpage-content .change-service-plan-content .select-service-content .table-style td{text-align:center;}
#container .innerpage-content .change-service-plan-content .select-service-content .table-style td.align-left{text-align:left}
#container .innerpage-content .change-service-plan-content .select-service-content .table-style tr{cursor:pointer}

/*#container .innerpage-content .change-service-plan-content .select-service-content table{width:100%;border-collapse:collapse;background:#ffffff;font-weight:bold;}
#container .innerpage-content .change-service-plan-content .select-service-content th{text-align:center;color:#ffffff;background:#8fc31f;border:1px solid #ffffff;font-size:15px;}
#container .innerpage-content .change-service-plan-content .select-service-content td{text-align:center;border:1px solid #dddddd;font-size:13px;}
#container .innerpage-content .change-service-plan-content .select-service-content td.align-left{text-align:left}
#container .innerpage-content .change-service-plan-content .select-service-content tr{cursor:pointer}*/

/*#container .innerpage-content .change-service-plan-content .select-service-content .plan-detail-table table{width:100%;border-collapse:collapse;background:#ffffff;font-weight:bold;}
#container .innerpage-content .change-service-plan-content .select-service-content .plan-detail-table th{text-align:left;width:210px;color:#ffffff;background:#8fc31f;border:1px solid #ffffff;font-size:15px;}
#container .innerpage-content .change-service-plan-content .select-service-content .plan-detail-table td{text-align:left;border:1px solid #dddddd;font-size:13px;}*/

#container .innerpage-content .change-service-plan-content .confirm-service-content .table-style th{width:230px;}

/*#container .innerpage-content .change-service-plan-content .confirm-service-content{float:left;margin-bottom:20px}
#container .innerpage-content .change-service-plan-content .confirm-service-content table{width:100%;border-collapse:collapse;background:#ffffff;font-weight:bold;}
#container .innerpage-content .change-service-plan-content .confirm-service-content th{text-align:left;width:230px;color:#ffffff;background:#8fc31f;border:1px solid #ffffff;font-size:15px;}
#container .innerpage-content .change-service-plan-content .confirm-service-content td{text-align:left;border:1px solid #dddddd;font-size:13px;}*/

/*#container .innerpage-content .change-service-plan-content .change-plan-text-agree{color:#008ED5;}*/
#container .innerpage-content .change-service-plan-content .change-plan-text-agree label{margin:0 0 0 10px}
/*------------ version 2 ------------*/

/*======== change-service-plan.html =============*/

/*======== change-vas.html =============*/
#container .innerpage-content .change-vas-content .title{margin-bottom:40px;border-bottom:1px solid #dddddd;padding-bottom:40px;}
#container .innerpage-content .change-vas-content .middle-title{padding-bottom:20px;}

#container .innerpage-content .change-vas-content .current-vas-list{margin-bottom:50px}
#container .innerpage-content .change-vas-content .current-vas-list ul{list-style:none;padding:0}
#container .innerpage-content .change-vas-content .current-vas-list ul li{line-height:30px; float:left;width:50%; margin:5px 0;}

/*#container .innerpage-content .change-vas-content .current-vas-pls-title{color:#008ED5;font-size:22px;font-weight:bold;padding-bottom:40px;padding-top:60px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}*/

/*#container .innerpage-content .change-vas-content .change-vas-list .vas-service-title{color:#000000;font-size:20px;font-weight:bold;padding:15px 0;background:url("../../img/desktop/toggle-arrow.png") no-repeat 97% 50%;cursor:pointer}
#container .innerpage-content .change-vas-content .change-vas-list .vas-service-content{border-bottom:1px solid #dddddd;}*/

#container .innerpage-content .change-vas-content .change-vas-list .toggle-list-area{ overflow:visible}

#container .innerpage-content .change-vas-content .toggle-list-content #vas-service-table-mobile{display:none;}
#container .innerpage-content .change-vas-content .toggle-list-content #vas-service-table-desktop{display:block;}

#container .innerpage-content .change-vas-content .toggle-list-content .table-style th{text-align:center;}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style th.align-left{text-align:left;}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style td.align-center{text-align:center;}
/*#container .innerpage-content .change-vas-content .vas-service-content table{width:100%;border-collapse:collapse;background:#ffffff;font-weight:bold;margin-bottom:50px}
#container .innerpage-content .change-vas-content .vas-service-content th{text-align:center;color:#ffffff;background:#8fc31f;border:1px solid #ffffff;font-size:15px;}
#container .innerpage-content .change-vas-content .vas-service-content th.align-left{text-align:left;}
#container .innerpage-content .change-vas-content .vas-service-content td{text-align:left;border:1px solid #dddddd;font-size:13px;}
#container .innerpage-content .change-vas-content .vas-service-content td.align-center{text-align:center;}*/

#container .innerpage-content .change-vas-content .toggle-list-content select{width:200px;}

#container .innerpage-content .change-vas-content .confirm-area{margin-top:30px;}
#container .innerpage-content .change-vas-content .confirm-area label{margin:0 0 0 10px}

#container .innerpage-content .change-vas-content .btn-area{margin-top:30px}
#container .innerpage-content .change-vas-content .plsrefer-area{margin-top:30px}
#container .innerpage-content .change-vas-content .plsrefer-area a{color:#e40077}
/*======== change-vas.html =============*/

/*======== account-info-update.html =============*/
/*#container .innerpage-content .account-info-update-content .title{margin-bottom:20px;}
#container .innerpage-content .account-info-update-content .introduction{font-size:14px;color:#555555;}*/

#container .innerpage-content .account-info-update-content .account-info-content{width:100%;border-bottom:1px solid #ddd;}
#container .innerpage-content .account-info-update-content .account-info-content .middle-title{margin-bottom:30px;margin-top:50px}

/*#container .innerpage-content .account-info-update-content .account-info-content .column-title{float:left;width:180px;font-size:13px;color:#555555;font-weight:bold;margin-bottom:40px}
#container .innerpage-content .account-info-update-content .account-info-content .column-content{float:left;width:800px;font-size:13px;color:#575757;font-weight:bold;margin-bottom:40px;}*/

/*#container .innerpage-content .account-info-update-content .account-info-content select{width:200px;}*/

#container .innerpage-content .account-info-update-content .account-info-content .checkbox-area{width:180px;margin-bottom:20px}

#container .innerpage-content .account-info-update-content .btn-area{margin-bottom:100px}

/*
#container .innerpage-content .account-info-update-content .account-info-content .column-title-interface{float:left;width:180px;font-size:13px;color:#555555;font-weight:bold;margin-bottom:40px}
#container .innerpage-content .account-info-update-content .account-info-content .hobbies-radio{float:left;width:150px;font-size:15px;color:#555555;font-weight:bold;margin-bottom:20px}

#container .innerpage-content .account-info-update-content .account-info-content label{margin:0 0 0 10px}*/
/*======== account-info-update.html =============*/

/*======== handset-index.html =============*/
#container .innerpage-content .handset-devices-content .page-title-container{margin:0}
#container .innerpage-content .handset-devices-content .banner-handset{height:400px;overflow:hidden;}
#container .innerpage-content .handset-devices-content .banner-handset img{width:1920px}

#container .innerpage-content .handset-devices-content .box-container{/*width:100%;min-width:980px;*/position:relative}
#container .innerpage-content .handset-devices-content .title{width:980px;margin:50px auto;text-align:center;border-bottom:1px solid #dddddd;padding-bottom:30px}

#container .innerpage-content .handset-devices-content .handsets-container{width:912px;margin:0 auto;}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-area{float:left;width:400px;margin:25px;height:530px;position:relative}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-image{text-align:center}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-title{margin:20px auto;text-align:center;border-bottom:1px solid #dddddd;padding-bottom:20px;}

#container .innerpage-content .handset-devices-content .handsets-container .handsets-subtitle{margin:0 auto;text-align:left;height: 100px; overflow: hidden;}
#container .innerpage-content .handset-devices-content .btn-area{text-align: center;}
#container .innerpage-content .handset-devices-content .text-content{height: 120px; overflow: hidden;}

#container .innerpage-content .handset-devices-content .handsets-container .more-handset{width:912px;font-size:20px;color:#8fc31f ;text-align:center;border-top:1px solid #8fc31f ;margin-top:20px;padding-top:20px}
#container .innerpage-content .handset-devices-content .handsets-container .more-handset a{color:#8fc31f ;}

/*#container .innerpage-content .handset-devices-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .innerpage-content .handset-devices-content .arrow .left-arrow:hover{background-position:left bottom;}
#container .innerpage-content .handset-devices-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat left top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:34px;z-index:888;}
#container .innerpage-content .handset-devices-content .arrow .right-arrow:hover{background-position:left bottom;}*/

/*------------ grey content --------------*/
/*#container .innerpage-content .handset-devices-content .handset-grey-bg{width:100%;min-width:980px;background-color:#f3f3f3;margin:50px auto 0;padding:50px 0 50px 0}
#container .innerpage-content .handset-devices-content .handset-grey-bg .handset-grey-content{width:980px;margin:0 auto;}

#container .innerpage-content .handset-devices-content .handset-grey-content .title{text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box{float:left;width:289px;height:550px;margin:15px;position:relative}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-images{width:289px;height:182px;text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-text{width:96%;padding:30px 0;margin:0 auto;text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-title{padding:8px 0;color:#8fc31f ;font-size:20px}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-content{padding:8px 0}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .green-btn{position:absolute;left:30%;bottom:2%}*/
/*------------ grey content --------------*/

/*======== handset-index.html =============*/

/*======== handset-list.html =============*/

#container .innerpage-content .handset-list-content .title{display:none}

/*---------- phone detail ---------*/
#container .innerpage-content .handset-list-content .phone-list-area{width:975px;margin:0 auto}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area{float:left;width:312px;margin:6px;margin-bottom:30px;position:relative}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area{float:left;width:310px;height:310px;border:1px solid #999999;margin-bottom:8px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .label-area{float:left;height:25px;width:97px;text-align:center;font-size:20px;color:#ffffff;margin-left:200px;margin-bottom:10px;padding-top:5px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .hot-label{background:url("../../img/desktop/tab-pink.png") no-repeat;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .new-label{background:url("../../img/desktop/tab-green.png") no-repeat;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo{float:left;width:91px;height:230px;margin:0 25px;}


#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content{float:left;width:150px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-name{height:40px;color:#e40077;font-weight:bold;font-size:15px;margin-bottom:5px;line-height:18px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-title{font-size:13px;font-weight:bold;line-height:18px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-content{font-size:13px;line-height:18px;margin-bottom:5px;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn{float:left;margin-right:5px}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn a{width:130px;display:block;border:1px solid #cccccc;color:#555555;font-size:15px;/*padding:10px 80px 10px 20px;*/
 padding:8px 20px;text-decoration:none;text-align:left;background:#EEEEEE url("../../img/desktop/plus-plain.png") no-repeat 92% 50%;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn a:hover{background-color:#e40077;border:1px solid #e40077;color:#ffffff;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn{float:left;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn a{width:93px;display:block;border:1px solid #666666;color:#ffffff;font-size:15px;/*padding:10px 41px 10px 20px;*/
 padding:8px 20px;text-decoration:none;text-align:left;background:#666666 url("../../img/desktop/read-more-arrow.png") no-repeat 92% 50%;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn a:hover{background-color:#e40077;border:1px solid #e40077;color:#ffffff;}


#container .innerpage-content .handset-list-content .btn-area{text-align: center;}
/*---------- phone detail ---------*/

/*---------- order now window ---------*/
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window{display:none;position:absolute;background-color:#EEEEEE;width:310px;height:310px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .close-window{background:url("../../img/desktop/close.png") no-repeat center center;text-indent:-9999px;cursor:pointer;width:20px;height:20px;margin:15px 0 15px 269px}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a{width:280px;display:block;border:1px solid #cccccc;color:#555555;font-size:15px;padding:10px 0;text-decoration:none;text-align:left;background-color:#ffffff;text-align:center; margin:12px auto;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a:hover{background-color:#8fc31f;border:1px solid #8fc31f;color:#ffffff;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .phone-name{display: none;}
/*---------- order now window ---------*/

/*======== handset-list.html =============*/

/*======== handset-detail.html =============*/
#container .innerpage-content .handset-detail-content .phone-area{width:980px;margin:50px auto;}
#container .innerpage-content .handset-detail-content .phone-area .phone-photo{float:left;width:144px;height:272px;margin:0 50px}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area{float:left;width:736px}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .middle-title{margin:10px 0 0;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price{color:#8fc31f;font-size:18px;margin:10px 0;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price .desc{margin-right:5px;color:#555;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .color-selection-list{margin:20px auto}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .phone-detail-content{margin:20px auto 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .cmhkDropDown{width:200px;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .subpage-btn-container{margin:0;padding:0;border:none;}

/*#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .subpage-btn-container{padding-bottom:50px;margin-bottom:50px;}*/

#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style{border:none}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style td{border:none;text-align:left}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style th{border:none;background:none;color:#555555;text-align:left;}

#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .text-content{margin-bottom:30px}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .text-content .table-style th{width:200px}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .text-content .table-style td{text-align:left}
/*======== handset-detail.html =============*/


/*======== handset-detail-v2.html =============*/
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area{border:1px solid #cccccc; padding:30px; margin:30px 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .middle-title{margin:0}

#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area{border-top:1px solid #cccccc; margin:20px 0 0; padding:20px 0 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .middle-title{color:#e40077}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount{margin:20px 0 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-price{color:#8fc31f;font-size:18px; float:left;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-price .desc{margin-right:5px;color:#555;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-discount-price{color:#e40077;float:left; padding-left:20px;margin-left:20px;border-left:1px solid #ccc}
/*======== handset-detail-v2.html =============*/


/*======== service-plans.html =============*/
/*#container .innerpage-content .grey-infobox-content .grey-infobox-banner{margin-bottom:30px}*/

/*#container .innerpage-content .grey-infobox-content .grey-infobox-container{width:978px;margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area{float:left;width:270px;height:280px;margin:7px;padding:20px;border:1px solid #dddddd;background:#FCFCFC}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area:hover{border:1px solid #8fc31f;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area:hover .small-title{background:url("../../img/desktop/btn-level5-icon.png") no-repeat right -91px;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .small-title{background:url("../../img/desktop/btn-level5-icon.png") no-repeat right 7px;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-title-img{width:239px;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000;font-size:20px;text-align:center;margin:0 auto 10px;height:50px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature{margin:0 20px;color:#000000}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature ul{list-style-image:url("../../img/desktop/bullet-arrow.png")}*/
/*======== service-plans.html =============*/

/*======== service-detail.html =============*/
/*#container .innerpage-content .service-detail-content .subpage-btn-container{border-bottom:1px solid #dddddd;padding-bottom:50px;margin-bottom:50px;}*/
/*#container .innerpage-content .service-detail-content .service-detail-banner{margin:0 auto 50px}*/
#container .innerpage-content .service-detail-content .greybox-area .text-content .table-style th{text-align:center}
#container .innerpage-content .service-detail-content .greybox-area .text-content .table-style th.left,td.left{text-align:left}
#container .innerpage-content .service-detail-content .greybox-area .text-content .table-style td.green{color:#8fc31f}
/*======== service-detail.html =============*/

/*======== prepaid-sim.html =============*/
/*#container .innerpage-content .prepaid-sim-content .prepaid-sim-banner{margin:0 auto 50px}*/
#container .innerpage-content .prepaid-sim-content .introduction{margin:0 auto 50px}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container{width:978px;margin:0 auto 30px;border-bottom:1px solid #dddddd;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area{width:232px;float:left;margin:0 47px 30px}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-image{width:232px;margin:0 auto;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-name{text-align:center;height:27px;margin:10px auto 5px}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area{/*width:193px;*/margin:0 auto; text-align:center}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area .prepaid-sim-card-price{color:#0085d0}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area .prepaid-sim-card-onlineprice{color:#e40077;margin-left:20px;}

#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .btn-area .grey-btn{float:none;background-color:#ddd;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .btn-area .grey-btn:hover{background-color:#ddd;}

#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .arrow .left-arrow{display:none}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .arrow .right-arrow{display:none}

#container .innerpage-content .prepaid-sim-content .subpage-btn-container{border:none;padding:0;margin:0}
/*======== prepaid-sim.html =============*/

/*======== prepaid-sim-detail.html =============*/
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area{width:980px}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .mobile-sim-card-title{display:none}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area{float:left;width:297px; overflow:hidden;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area img{max-width:297px; height:auto;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area{text-align:center;margin:20px auto;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area .prepaid-sim-card-price{margin-right:20px;color:#0085d0}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area .prepaid-sim-card-onlineprice{color:#e40077;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .btn-area{width:121px;margin:0 auto 10px;padding:0}

#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area{float:left;width:633px;margin-left:50px}

#container .innerpage-content .prepaid-sim-detail-content .greybg-content-container .greybox-area .middle-title{margin:0 auto 20px}

#container .innerpage-content .prepaid-sim-detail-content .greybg-content-container{margin:0 auto 50px}

/*#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area ul{list-style-type:disc;margin-left:20px}
#container .innerpage-content .prepaid-sim-detail-content .greybg-content-container .greybox-area ol{list-style-type:decimal;margin-left:20px}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area li,
#container .innerpage-content .prepaid-sim-detail-content .greybg-content-container .greybox-area li{margin:10px auto}*/

/*======== prepaid-sim-detail.html =============*/

/*======== buy-data-usage-content-step1.html =============*/
#container .innerpage-content .buy-data-usage-content .middle-title{text-align:center;margin-bottom:30px}
#container .innerpage-content .buy-data-usage-content .table-style th{width:50%}
#container .innerpage-content .buy-data-usage-content .real-time-price-table{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:20px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area{height:100px;border:1px solid #aaaaaa;background:#f4f4f4;padding:50px 50px 50px 220px;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .small-title{float:left;}

#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area{position:relative;float:left}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .gb-area-style{margin-left:20px;border:2px solid #8fc31f;width:65px;height:60px;padding:0 60px 0 20px;font-size:40px;color:#555555;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .gb-text{position:absolute;top:20px;right:20px;color:#555555;font-weight:bold;font-size:20px}


#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .enter-integer-text{color:#8fc31f;font-size:15px;margin-left:20px;margin-top:10px}

#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-rule{height:150px;overflow-y:scroll;border:1px solid #aaaaaa;padding:30px;margin:20px auto 0}
#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-rule p.small-title{margin-top:20px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-remarks{margin:20px auto}

/*#container .innerpage-content .buy-data-usage-content .sell-request-area .btn-area{display: inline-block;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .btn-area{display: inline-block;}*/
/*======== buy-data-usage-content-step1.html =============*/

/*======== buy-data-usage-content-step2.html =============*/
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container{min-height:100px;border:1px solid #aaaaaa;background:#f4f4f4;padding:30px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-left-area{float:left;width:450px;border-right:1px solid #dddddd}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-title{float:left;font-size:18px;color:#000000;width:250px;margin-bottom:10px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-content{float:left;font-size:18px;color:#000000}

#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area{float:left;width:460px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area .quotation-clock{float:left;width:57px;background:url(../../img/desktop/buy-data-clock.png) no-repeat;color:#e40077;font-size:20px;text-align:center;padding:70px 0 0;margin:0 50px;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area .quotation-reminder{float:left;width:303px}

#container .innerpage-content .buy-data-usage-content .sell-request-area .confirm-area{margin:20px auto 0;border-bottom:1px solid #dddddd;padding-bottom:20px}

#container .innerpage-content .buy-data-usage-content .sell-request-area .confirm-area .label-float{width: 950px;}

/*======== buy-data-usage-content-step2.html =============*/

/*======== sell-data-usage-content-step1.html =============*/
#container .innerpage-content .sell-data-usage-content .middle-title{text-align:center;margin-bottom:30px}
#container .innerpage-content .sell-data-usage-content .table-style-width th{width:50%}
#container .innerpage-content .sell-data-usage-content .real-time-price-table{}

#container .innerpage-content .sell-data-usage-content .sell-request-area .data-available-title{width:100%;}

#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area{height:200px;border:1px solid #aaaaaa;background:#f4f4f4;padding:30px 50px;margin:30px auto 20px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .section{float:left;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-title{float:left;margin:30px 0 0 20px;line-height:60px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area{position:relative;float:left;margin:30px 30px 0 0;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .gb-area-style{margin-left:20px;border:2px solid #8fc31f;width:65px;height:60px;padding:0 60px 0 20px;font-size:40px;color:#555555;text-align:center;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .gb-text{position:absolute;top:20px;right:20px;color:#555555;font-weight:bold;font-size:20px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .enter-integer-text{color:#8fc31f;font-size:15px;margin-left:20px;margin-top:10px}

#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule{height:150px;overflow-y:scroll;border:1px solid #aaaaaa;padding:30px;margin:20px auto 0}
/*#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule p.small-title{margin-top:20px}*/

#container .innerpage-content .sell-data-usage-content .sell-request-area .btn-border{margin-bottom:50px;border-bottom:1px solid #dddddd;padding-bottom:30px}

#container .innerpage-content .sell-data-usage-content .sell-request-area .middle-title{float:left;text-align:left;margin-bottom:30px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .sold-volume-title{float:right;font-size:20px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .sold-volume-title a{color:#555555}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table a.pedding-reset{border-radius:3px;padding:2px 8px;display:block;background-color:#aaa;color:#fff;float:right;font-size:13px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table a.pedding-reset:hover{background-color:#e40077;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table a.pedding-cancel{border-radius:3px;padding:2px 8px;display:block;background-color:#aaa;color:#fff;font-size:13px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table a.pedding-cancel:hover{background-color:#e40077;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table .input-reset{width:50px;border:1px solid #8fc31f;margin-right:10px;padding:4px 2px;}

#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table-mobile{display:none}
/*======== sell-data-usage-content-step1.html =============*/

/*======== sell-data-usage-content-step2.html =============*/
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area{height:60px;border:1px solid #aaaaaa;background:#f4f4f4;padding:30px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area .quotation-title{float:left;font-size:18px;color:#000000;width:30%;margin-bottom:10px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area .quotation-content{float:left;font-size:18px;color:#000000;width:70%;margin-bottom:10px}

#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule{height:150px;overflow-y:scroll;border:1px solid #aaaaaa;padding:30px;margin:20px auto 0}
/*#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule p.small-title{margin-top:20px}*/
#container .innerpage-content .sell-data-usage-content .sell-request-area .confirm-area{margin:20px auto 0;border-bottom:1px solid #dddddd;padding-bottom:20px}
/*======== sell-data-usage-content-step2.html =============*/

/*======== data-transaction-history.html =============*/
#container .innerpage-content .data-transaction-history-content .data-available-title{float:left;margin-bottom:50px;}
#container .innerpage-content .data-transaction-history-content .bill-type-selection{float:right;margin-bottom:50px}

#container .innerpage-content .data-transaction-history-content .middle-title{float:left;margin-bottom:15px;}
#container .innerpage-content .data-transaction-history-content .total-info{float:right;margin-bottom:15px}

#container .innerpage-content .data-transaction-history-content .transaction-table-area{margin-top:50px}
#container .innerpage-content .data-transaction-history-content .bill-type-selection .cmhkDropDown{width:120px;}
/*======== data-transaction-history.html =============*/

/*======== appointment-service.html,appointment-summary.html =============*/
#container .innerpage-content .appointment-service-content .appointment-title{display:none}
#container .innerpage-content .appointment-service-content .current-step-area{width:685px}
#container .innerpage-content .appointment-service-content .appointment-text{border-bottom:1px solid #dddddd;padding-bottom:20px;margin-bottom:40px}

/*--------------- appointment-service.html ----------------------*/
#container .innerpage-content .appointment-service-content .choose-location-area{border-bottom:1px solid #dddddd;padding-bottom:30px;}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area select{margin-right:10px}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area .cmhkDropDown{margin-right:10px;float:left;}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area{margin-bottom:20px}
#container .innerpage-content .appointment-service-content .choose-location-area .checkbox-area{margin-bottom:10px}

#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li{margin:10px 0 30px 0;}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li .checkbox-float{float:left;width:3%;margin-top:-2px;}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li label{float:left;width:50%; margin-right:3%}

#container .innerpage-content .appointment-service-content .choose-date-area{margin-top:40px}
#container .innerpage-content .appointment-service-content .choose-date-area .date-select-area .appointment-date-select{float:left;width:300px;height:54px;border:1px solid #dddddd;color:#e40077;font-size:1.333em;text-align:center; line-height:54px}
#container .innerpage-content .appointment-service-content .choose-date-area .date-select-area .appointment-datepicker{float:left;width:60px;height:58px;background:url(../../img/desktop/appointment-datepicker.png) no-repeat;text-indent:-9999px;display:block;}

#container .innerpage-content .appointment-service-content .choose-date-area .timeslot{margin:30px 0;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li{float:left;width:110px;height:43px;line-height:43px;border:1px solid #cccccc;margin:0 20px 20px 0;background-color:#f4f4f4;font-size:1.2em;text-align:center;cursor:pointer;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.selected,
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li:hover{background-color:#e40077;color:#ffffff;border:1px solid #e40077;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.disabled,
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.disabled:hover{background-color:#f4f4f4;color:#b7b7b7;border:1px solid #f4f4f4;cursor:default;}

#container .innerpage-content .appointment-service-content .selected-appointment{font-size:20px;border-bottom:1px solid #dddddd;padding-bottom:40px}
/*--------------- appointment-service.html ----------------------*/

/*--------------- appointment-summary.html ----------------------*/
#container .innerpage-content .appointment-service-content .appointment-info-area{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:40px}
#container .innerpage-content .appointment-service-content .appointment-info{margin-bottom:30px}
#container .innerpage-content .appointment-service-content .appointment-info .title{margin-bottom:10px}
#container .innerpage-content .appointment-service-content .appointment-info .appointment-location{float:left;margin:5px auto}
#container .innerpage-content .appointment-service-content .appointment-info .appointment-location label{font-size:20px;}
#container .innerpage-content .appointment-service-content .appointment-info .appointment-datetime{font-size:20px;}
#container .innerpage-content .appointment-service-content .appointment-info .map-icon{margin-left:20px}

#container .innerpage-content .appointment-service-content .service-input{float:left;margin:20px 0 30px 30px;width:970px}
#container .innerpage-content .appointment-service-content .service-input .input-field-style{width:300px}

#container .innerpage-content .appointment-service-content .confirm-area{margin:30px auto 20px}

#container .innerpage-content .appointment-service-content .reminder-area{border-bottom:1px solid #dddddd;padding-bottom:20px}

#container .innerpage-content .appointment-service-content .appointment-text .service-list{margin-bottom:30px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section{margin-bottom:20px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section .checkbox{float:left;width:35px;margin-top:-2px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section label{float:left;width:945px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list input[type=text]{margin:0 0 0 35px;width:300px;}

#container .innerpage-content .appointment-service-content .btn-area{display:inline-block;}

/*--------------- appointment-summary.html ----------------------*/
/*======== appointment-service.html,appointment-summary.html =============*/

#container .innerpage-content .appointment-service-content .outletAddress {width:555px;float:left;margin-top: 7px}

/*======== appointment-cancel.html =============*/
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .cancel-address{float:left;width:90%;margin-top:10px;}
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .map-icon{float:right;width:41px;margin-top:5px;}
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table-mobile{display:none}
/*======== appointment-cancel.html =============*/

/*======== workshop-step1.html =============*/
#container .innerpage-content .workshop-step1-content .title{border-bottom:1px solid #dddddd;padding-bottom:30px}
#container .innerpage-content .workshop-step1-content .middle-title{margin:60px auto 20px}
#container .innerpage-content .workshop-step1-content .link-title{margin:30px auto 50px}
#container .innerpage-content .workshop-step1-content .link-title a{font-size:20px;color:#0085d0}
#container .innerpage-content .workshop-step1-content .table-style{margin:20px auto 50px}

#container .innerpage-content .workshop-step1-content .workshop-address-list{width:70%}
#container .innerpage-content .workshop-step1-content .workshop-address-list .workshop-address-area{border-bottom:1px solid #dddddd;padding-bottom:15px;margin-bottom:15px}
#container .innerpage-content .workshop-step1-content .workshop-address-list .workshop-address-area .workshop-address{float:left;width:90%;margin-top:8px}

#container .innerpage-content .workshop-step1-content .btn-area{border-top:1px solid #dddddd;margin-top:30px}
/*======== workshop-step1.html =============*/

/*======== workshop-step2.html =============*/
#container .innerpage-content .workshop-step2-content .middle-title{margin:40px auto 20px}
#container .innerpage-content .workshop-step2-content .course-handset-area{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:40px 0 10px;margin:50px auto 0}
/*======== workshop-step2.html =============*/

/*======== workshop-cancel.html =============*/
#container .innerpage-content .workshop-cancel-content .table-style{margin:20px auto}
#container .innerpage-content .workshop-cancel-content .confirm-area{margin-top:30px;}
#container .innerpage-content .workshop-cancel-content .toggle-list-content{padding-bottom:10px;}
/*======== workshop-cancel.html =============*/

/*======== send-sms.html,send-mms.html =============*/
#container .innerpage-content .send-sms-content .view-sms-charges{height:35px;background:url(../../img/desktop/attent-icon.png) no-repeat;padding-left:50px;padding-top:10px;text-decoration:underline}

#container .innerpage-content .send-sms-content .pink-title{color:#e40077;font-size:25px;margin:20px auto 20px}
#container .innerpage-content .send-sms-content .send-to-area{float:left;width:680px;}
#container .innerpage-content .send-sms-content .send-to-area .pink-title{float:left;}
#container .innerpage-content .send-sms-content .send-to-area .btn-area{float:right;margin:10px auto 20px; padding: 0; border:none;}

#container .innerpage-content .send-sms-content .send-to-area .send-number-area{width:638px;height:120px;border:1px solid #8fc31f;padding:20px}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area{height:120px}
/*#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number{display:block;width:150px;padding:3px 15px;text-align:left;color:#ffffff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}*/
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .tag-editor .tag-editor-tag{display:block;width:150px;padding:3px 15px;text-align:left;color:#ffffff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#8fc31f;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number-intra{background-color:#8fc31f;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number-inter{background-color:#e40077}

/*#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .selected-number{float:left;margin:5px 8px;position:relative}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .sms-cross a{position:absolute;width:11px;height:11px;background:url(../../img/desktop/sms-cross.png) no-repeat;text-indent:-9999px;display:block;right:12px;top:10px}*/

/*#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-number-textarea{border:1px solid #8fc31f;resize:none;height:150px;padding:20px 50px 10px 20px;box-sizing:border-box;font-size:15px;font-family:Arial,Helvetica,sans-serif;color:#555555}*/

#container .innerpage-content .send-sms-content .send-to-instruction{float:right;width:280px;margin-left:20px;margin-top:60px;/* min-height:300px*/}

/*#container .innerpage-content .send-sms-content .send-to-reminder{margin-top:20px}*/

#container .innerpage-content .send-sms-content .intra-inter-icon-area{margin:20px 80px 30px 0}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra,
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter{float: left; margin-right: 50px; line-height: 20px;}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra span,
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter span{float: left; display: block;width:20px;height:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-right:10px}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra .icon{background-color:#8fc31f;}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter .icon{background-color:#e40077}

/*#container .innerpage-content .send-sms-content .sms-enter-area{padding:10px;width:938px;border:1px solid #8fc31f;}*/
/*#container .innerpage-content .send-sms-content .sms-enter-area .sms-scroll-area{width:980px;height:150px;overflow-y:scroll}*/
#container .innerpage-content .send-sms-content .sms-enter-area .sms-textarea{width:980px;border:1px solid #8fc31f;resize:none;/*overflow:hidden;*/height:200px;padding:20px 40px 20px 20px;box-sizing:border-box;color:#555555}

#container .innerpage-content .send-sms-content .count-character-area{margin-top:20px; min-height: 32px;}
#container .innerpage-content .send-sms-content .count-character-area input[type=text]{border:1px solid #dddddd;margin-left:8px;height:30px; padding:0 10px;}
#container .innerpage-content .send-sms-content .count-character-area .count-character{float:left;width:340px;margin-top:3px;}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time-checkbox{float:left;margin-right:55px;margin-top:3px;}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time-checkbox label{margin-left:8px;}
#container .innerpage-content .send-sms-content .count-character-area .set-date-time{float: right; display: none; margin-right: -8px;}
#container .innerpage-content .send-sms-content .count-character-area .set-send-date{float:left;margin-right:30px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-date input[type=text]{width:120px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time{float:left}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time input[type=text]{width:50px; margin:0 8px;}

#container .innerpage-content .send-sms-content .btn-area{margin:20px 0 60px;padding-top:30px;border-top:1px solid #dddddd}
/*======== send-sms.html,send-mms.html =============*/

/*======== send-mms.html =============*/
#container .innerpage-content .send-mms-content .input-area {margin:30px 0;}
#container .innerpage-content .send-mms-content .send-to-reminder{margin-bottom:50px}
/*#container .innerpage-content .send-mms-content .input-area{float:left}*/
#container .innerpage-content .send-mms-content .send-mms-notice{display:none}


#container .innerpage-content .send-mms-content .input-area .disableInputField{display:inline-block;vertical-align:top;font-size:15px;padding: 0 10px;border:1px solid #8fc31f;background-color:#ffffff;width:250px; height: 30px; line-height: 30px;}
#container .innerpage-content .send-mms-content .input-area .fileUpload{position:relative;overflow:hidden;display:inline-block;vertical-align:top;}
#container .innerpage-content .send-mms-content .input-area .uploadBtn{display:inline-block;vertical-align:top;background-color:#8fc31f;font-size:15px;padding:4px 10px;color:#ffffff;}
#container .innerpage-content .send-mms-content .input-area .fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
/*======== send-mms.html =============*/

/*======== send-record.html =============*/
#container .innerpage-content .send-record-content .attention-icon{height:35px;background:url(../../img/desktop/attent-icon.png) no-repeat;}
 
#container .innerpage-content .send-record-content .send-record-left-container{float:left;width:700px}
#container .innerpage-content .send-record-content .send-record-left-container .attention-text{padding-left:50px;padding-top:5px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area{margin:30px auto}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area .send-record-show-text{float:left;font-size:18px;color:#8fc31f;width:auto;margin-right:10px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area .cmhkDropDown{float:left;margin:0 5px}

#container .innerpage-content .send-record-content .send-record-left-container .send-record-container{margin:30px auto}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label{}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label .send-record-delete-label{float:left;background:url(../../img/desktop/sms-hisitory-close.png) no-repeat left;text-indent:30px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area{background-color:#F9F9F9;padding:15px 20px;margin:20px auto}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-from-record{border:2px solid #e40077;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-to-record{border:2px solid #8fc31f;}

#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .checkbox-area{width:200px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-time{float:left;margin: 0 20px;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn{float:left;margin:0 5px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-delete a{float:right;background:url(../../img/desktop/sms-hisitory-close.png) no-repeat;text-indent:-9999px;width:25px;height:25px;margin:10px 0 10px 20px;display:block}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-content{float:left;width:100%;padding-top:10px;margin-top:15px;border-top:1px solid #dddddd}
 

#container .innerpage-content .send-record-content .send-record-right-container{float:left;width:250px;margin-left:30px}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-title{font-size:18px;color:#8fc31f;text-align:center;}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-icon{background:url(../../img/desktop/send-record-mail.png) no-repeat center;height:97px;text-indent:-9999px;margin:20px auto}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-content{text-align:center}
/*========  send-record.html =============*/


/*========  global-services.html, global-services-roaming.html =============*/
/*#container .innerpage-content .global-services-content .title{margin-top:50px}*/
/*#container .innerpage-content .global-services-content .global-roaming-service .middle-title{margin-bottom:0}*/
/*#container .innerpage-content .global-services-content .subpage-btn-container-noborder{margin-bottom:50px}*/
#container .innerpage-content .global-services-content .international-roaming-country-select{border-bottom:1px solid #8fc31f; padding-bottom:50px; margin-bottom:50px}
#container .innerpage-content .global-services-content .international-roaming-country-select .cmhkDropDown{float:left; margin:0 5px;width:300px }
#container .innerpage-content .global-services-content form[name="roamingForm"] .international-roaming-country-select .cmhkDropDown:nth-child(2){width:350px;height: 37px;}
#container .innerpage-content .global-services-content .international-roaming-country-select .btn-area{float:left; padding:0;margin:0 5px; }

#container .innerpage-content .global-services-content .addtext1 { width:100%; position:relative; padding:0 0 20px 0;}  
#container .innerpage-content .global-services-content .addtext1 .tx { width:100%; padding:0; color:#555555 }
#container .innerpage-content .global-services-content .addtext1 .tx b { color:#8FC31F; font-weight:normal; padding:0 10px 0 0;}
#container .innerpage-content .global-services-content .addtext1 .tx span { display:inline-block; padding:0 15px 0 0;}
#container .innerpage-content .global-services-content .addtext1 .tx a { color:#555; text-decoration:underline;}
#container .innerpage-content .global-services-content .addtext1 .tx a:hover { color:#8DAF00}
/*========  global-services.html, global-services-roaming.html =============*/

/*============ data roaming zone ==============*/
#container .innerpage-content .global-services-content .data-roaming-zone-form .cmhkDropDown{margin:5px}
#container .innerpage-content .global-services-content .data-roaming-zone-form .btn-area{margin:5px}
/*============ data roaming zone ==============*/


/*========  customer-services.html =============*/
#container .innerpage-content .customer-services-content .customer-service{margin-bottom:50px}	
/*#container .innerpage-content .customer-services-content .customer-service .middle-title{margin-bottom:0}*/
#container .innerpage-content .customer-services-content .introduction{margin-bottom:10px}
/*#container .innerpage-content .customer-services-content .subpage-btn-container-noborder{margin-bottom:50px}*/
/*========  customer-services.html =============*/


/*========  idd.html =============*/
#container .innerpage-content .idd-content .grey-infobox-container{margin:20px auto 40px}
#container .innerpage-content .idd-content .introduction{margin-bottom:10px}
/*========  idd.html =============*/


/*========  roaming-service-center.html =============*/
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container{margin:0 auto 50px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-photo{float:left; width:371px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info{float:left; width:539px; margin-left:70px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .middle-title{line-height:30px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .map-icon{float:none; width:539px; padding-bottom:20px; margin:20px auto;border-bottom:1px solid #000000}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail{}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail .title-column{float:left;width:28%; margin-right:2%;margin-bottom:10px; font-weight:bold}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail .content-column{float:left; width:70%;margin-bottom:10px;}

#container .innerpage-content .roaming-service-centre-content .listing-style ol li {font-weight:bold}
#container .innerpage-content .roaming-service-centre-content .listing-style ol li ul li{font-weight:normal}
#container .innerpage-content .roaming-service-centre-content .listing-style ol li p{font-weight:normal}
/*========  roaming-service-center.html =============*/


/*========  performance-pledge.html =============*/
#container .innerpage-content .performance-pledge-content .table-style .select-quarter-column{color:#555}

/*========  performance-pledge.html =============*/



/*======== product-index1.html =============*/
#container .innerpage-content .product-content .box-container{position:relative;}
#container .innerpage-content .product-content .title{text-align:center;}
#container .innerpage-content .product-content .product-index .title{text-align:center; margin-bottom:20px;}

#container .innerpage-content .product-content .for-otherdevice{display:none;}
#container .innerpage-content .product-content .no-data {border:1px solid #ddd; text-align:center; padding:30px;}

#container .innerpage-content .product-content .phone-list{position:relative;margin:0 39px;}
#container .innerpage-content .product-content .phone-list .list-box{border:2px solid #bbb;width:397px;margin:0 10px 20px;padding:50px 15px 20px;position:relative;float:left;}
#container .innerpage-content .product-content .product-index .phone-list .list-box {margin-bottom:15px;}
#container .innerpage-content .product-content .product-index .phone-list .list-box p{margin-bottom:8px;}
#container .innerpage-content .product-content .product-index .phone-list .list-box .gift-box p{margin-bottom:0;}
#container .innerpage-content .product-content .phone-list .list-box .pink-tag{position:absolute;top:-1px;right:20px;background-color:#e95a9a;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .red-tag{position:absolute;top:-1px;right:20px;background-color:#ec4e46;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .green-tag{position:absolute;top:-1px;right:20px;background-color:#9fc235;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .blue-tag{position:absolute;top:-1px;right:20px;background-color:#3eb9cb;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .greenish-blue-tag{position:absolute;top:-1px;right:20px;background-color:#2eb997;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .organe-tag{position:absolute;top:-1px;right:20px;background-color:#e69c1b;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}

#container .innerpage-content .product-content .phone-list .list-box .section{margin-bottom:15px; height: 213px;}
#container .innerpage-content .product-content .sim-only .list-box .section{margin-bottom:15px; height: 196px;}
#container .innerpage-content .product-content .phone-list .list-box .section .photo{float:left;width:121px;margin-right:15px;}
#container .innerpage-content .product-content .phone-list .list-box .section .photo img{max-width: 100%; height: auto; max-height: 215px;}
#container .innerpage-content .product-content .phone-list .list-box .section .info{float:right;width:261px;margin-top:5px;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .name{font-size:18px;color:#555;/*line-height:1.2em;*/margin-bottom:5px;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .content{font-size:1em;line-height:1.2em;margin-bottom:15px;}

#container .innerpage-content .product-content product-index .phone-list .list-box {margin-bottom:15px;}

#container .innerpage-content .product-content .promotion-preferential-box{position:relative;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title{position:relative;width:53px;height:46px;text-align:center;background-color:#e40077;color:#fff;font-size:1.3em;line-height:1.3em;padding:17px 15px;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title span{position:absolute;background:url(../../img/desktop/gift.png) no-repeat top center;width:57px;height:33px;top:-15px;left:13px;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content{float:left;border:1px solid #ddd;width:155px;min-height:58px;padding:10px;overflow:hidden;/*font-size:0.9em;*/text-align:center;background-color:#FFF;z-index:12; position: absolute; top: 0px; right: 0px;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .gift-box{height: 55px; overflow: hidden;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content p{margin-bottom:0;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .show-more{position:absolute;bottom:5px;width:14px;height:6px;background:url(../../img/desktop/gift-arrow.png) no-repeat;left:48%;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .open{background:url(../../img/desktop/gift-arrow-up.png) no-repeat;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content.show-all{position:absolute;top:0px;right:0px;height:auto;padding-bottom:20px;display:none;}
#container .innerpage-content .product-content .outlet-btn  a{border:1px solid #ddd;margin-top:10px;padding:7px 15px;display:block;}
#container .innerpage-content .product-content .outlet-btn  a:hover{border:1px solid #8fc31f;background-color:#8fc31f;color:#fff;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list{margin-left:-5px;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li{float:left;display:block;border:1px solid #cccccc;color:#555555;padding:1px;margin:0 5px 10px;text-align:center;width:120px;height:33px;line-height:33px;cursor:pointer; font-size:15px;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li.selected,
#container .innerpage-content .product-content .phone-list .list-box .plan-list li:hover{border:2px solid #8fc31f;padding:0px;margin-bottom:15px;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li.last{margin-right:0px;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown{margin-bottom:7px;border:2px solid #8fc31f;}
#container .innerpage-content .product-content .sim-only .list-box .cmhkDropDown{margin-bottom:15px;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open div{left:-2px;right:-2px;border:2px solid #8fc31f;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open div li{ padding-left:19px;padding-right:19px;}
/*#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .selected, .cmhkDropDown li{padding:3% 4% !important;}*/
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_int{ top:19px;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_out{ top:17px; }
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_int{ top:9px;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_out{ top:11px; }
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price{text-align:center;color:#e40077;font-size:15px;margin-bottom:10px;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price span{font-size:23px;font-weight:bold;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-info{border:1px solid #ddd;border-bottom:none;padding:7px 15px;height:50px;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data{border:1px solid #ddd;border-top:1px solid #8fc31f;padding:7px 15px;margin-bottom:15px;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data span{float:left;display:block;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data span.border{border-right:1px solid #ddd;margin:0 10px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box{margin-bottom:5px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box{margin-left:1px; margin-bottom:5px;float:left;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span{}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span span.checkboxLayer{float: left;margin-right:7px;margin-top:0;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span.add-to-compare-text{margin-top:1px;line-height:1em;float:left;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare{margin-top:3px;}
#container .innerpage-content .product-content .product-index .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare{margin-top:4px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare-action-btn{float: left; display: none;margin:1px 5px 0 0;line-height:1em;padding-right:17px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -5px; cursor: pointer;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare-action-btn:hover{color:#8fc31f;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .hanset-listing-compare-alert{position: absolute; z-index: 9999; left: 15px; bottom: 62px; width: 47%; background-color: #fff; border: 1px solid #8fc31f; padding: 5% 11% 3% 5%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .hanset-listing-compare-alert .close{position: absolute; right: 10px; top: 10px;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat center center;width:16px;height:16px;display:block; cursor:pointer; text-indent:-9999px;}


#container .innerpage-content .product-content .promotion-action-box .green-btn{float:right;}
#container .innerpage-content .product-content .btn-more:hover{background-color:#e40077;}
#container .innerpage-content .product-content .phone-list .phone-list-nav a{position:absolute;top:45%;text-indent:-9999px;width:34px;height:80px;z-index:888;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-prev{left:-39px;background:url("../../img/desktop/left-arrow.png") no-repeat left top;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-prev:hover{background-position:left bottom;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-next{right:-39px;background:url("../../img/desktop/right-arrow.png") no-repeat left top;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-next:hover{background-position:right bottom;}
#container .innerpage-content .product-content .underline{margin:0px 49px 30px;text-align:right;border-bottom:1px solid #ddd;padding-bottom:15px;}
#container .innerpage-content .product-content .more-list{text-align:right;background:url(../../img/desktop/product-next-arrow.png) no-repeat center right;padding-right:25px;color:#555;font-size:18px;}

/*--- price box --*/
#container .innerpage-content .product-content .phone-list .list-box .price-box{border:1px solid #ddd;padding:12px 20px 16px;font-size:1em;margin-bottom:15px;height:28px; line-height:30px;overflow:hidden;}
#container .innerpage-content .product-content .phone-list .list-box .price{color:#e40077; font-size:15px; line-height:normal;}
#container .innerpage-content .product-content .phone-list .list-box .price1{float:left;width:47%;font-size:15px; border-right:1px solid #ddd;}
#container .innerpage-content .product-content .phone-list .list-box .price2{float:left;padding-left:5%;/*width:45%;*/font-size:15px;}
#container .innerpage-content .product-content .phone-list .list-box .price span{margin-left:10px;font-size:25px;font-weight:bold;}
#container .innerpage-content .product-content .phone-list .list-box .price1 span{font-size:25px; margin-top:5px; font-weight:bold;display:inline;margin-left:5px;}
#container .innerpage-content .product-content .phone-list .list-box .price1 del{font-size:25px; margin-top:5px;font-weight:bold; display:inline;margin-left:5px;}
#container .innerpage-content .product-content .phone-list .list-box .price2 span{font-size:25px;margin-top:5px; font-weight:bold;color:#e40077;  display:inline;margin-left:5px;}
#container .innerpage-content .product-content .phone-list .list-box .price-na,
#container .innerpage-content .product-content .phone-list .list-box .price-na span,
#container .innerpage-content .product-content .phone-list .list-box .price-na del{color:#bbb !important; font-size:15px;line-height:36px;}
#container .innerpage-content .product-content .phone-list .list-box .price-box p{margin-bottom:0;font-size:13px; line-height:normal;}
#container .innerpage-content .product-content .phone-list .list-box .price-center{border: none;float: none;text-align: center;width: auto;font-size: 20px;line-height:1.5em}
#container .innerpage-content .product-content .phone-list .list-box .price-center span{font-size: 20px;}

/*--- handset --*/
#container .innerpage-content .product-content .cate-list{margin-bottom:15px;}
#container .innerpage-content .product-content .cate-list .list-item{float:left;border-right:1px solid #ddd;padding:0 50px 6px;position:relative;}
#container .innerpage-content .product-content .cate-list .list-item a{color:#555;font-size:1.0em; display: block;text-align:center;line-height:1.3em;margin-bottom:5px;}
#container .innerpage-content .product-content .cate-list .list-item a:hover span,
#container .innerpage-content .product-content .cate-list .list-item a.selected span{width:100%;height:6px;background:url(../../img/desktop/gift-arrow.png) no-repeat center; display: block; position: absolute; left: 0px; bottom: 0px;}

#container .innerpage-content .product-content .handset .list-box .section .info .info-h{height:128px;}
#container .innerpage-content .product-content .handset .list-box .section .info .outlet-info-h{height:73px;}
#container .innerpage-content .product-content .handset .list-box .price-box {font-size:1.15em;}
#container .innerpage-content .product-content .handset .list-box .price-box .price1{border-right:1px solid #ddd;width:48%;}
/*#container .innerpage-content .product-content .handset .list-box .outlet-box {height:48px;}
#container .innerpage-content .product-content .handset .list-box .outlet-box span{display:block;}*/
#container .innerpage-content .product-content .handset .list-box .price1 span,
#container .innerpage-content .product-content .handset .list-box .price1 del,
#container .innerpage-content .product-content .handset .list-box .price2 span{/*display:block;*/font-weight:bold;margin-top:5px;}
#container .innerpage-content .product-content .handset .list-box .cmhkDropDown .selected{color:#e40077;font-size:15px;}
#container .innerpage-content .product-content .handset .list-box .cmhkDropDown .li{font-size:15px;}
#container .innerpage-content .product-content .handset .list-box .price-remark{height: 53px;}

/*--- sim only --*/
#container .innerpage-content .product-content .sim-only .list-box .section .photo{width:135px;margin-right:10px;}
#container .innerpage-content .product-content .sim-only .list-box .section .info{width:252px;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .info-h{height:110px;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .content{font-size:21px;color:#e40077;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .promotion-preferential-box .pp-content{width:144px;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span{font-size:15px;color:#e40077;margin-right:10px;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span b{font-size:25px;margin-left:5px;}
#container .innerpage-content .product-content .sim-only .list-box .contact-period{background:url(../../img/desktop/new-customer-border.png) no-repeat top center;padding-top:10px;text-align:center;margin-bottom:6px; font-size:15px;color:#e40077;}

#container .innerpage-content .product-content .sim-only .list-box .rateplan-info{line-height:27px;height:30px;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info i{font-style: normal;}

/*--- Prepaid Card --*/
#container .innerpage-content .product-content .prepaid-card .list-box .section{height: 190px;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .photo{width:172px;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .photo img{max-height: 190px;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .info{width:202px;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .info .promotion-preferential-box .pp-content{width:128px;}
#container .innerpage-content .product-content .prepaid-card .list-box .desc{height:100px; margin-bottom:15px;/* font-size:0.85em; */overflow: hidden;}
#container .innerpage-content .product-content .prepaid-card .list-box .desc li{margin: 0;}
#container .innerpage-content .product-content .prepaid-card .list-box .price-box{margin-bottom:15px;}

/*--- Accessories --*/
#container .innerpage-content .product-content .accessories .list-box .photo{text-align:center;margin-bottom:10px; height: 175px;}
#container .innerpage-content .product-content .accessories .list-box .photo img{max-width: 100%; height: 175px;width:auto; max-height: 175px;}
#container .innerpage-content .product-content .accessories .list-box .section .info .name{font-size:18px;margin:0 0 15px 0; height:80px; overflow: hidden;width:93%;}
#container .innerpage-content .product-content .accessories .list-box .section{height:180px;max-height:180px;}
/*#container .innerpage-content .product-content .accessories .list-box .box1 .price2{color:#8fc31f;}*/
#container .innerpage-content .product-content .accessories .list-box .box2{text-align:center;color:#e40077;height:25px; overflow: hidden;padding-bottom:12px;}
#container .innerpage-content .product-content .product-frame-handsetonly .accessories .list-box .box2{text-align:center;color:#e40077;height:50px; overflow: hidden;}
#container .innerpage-content .product-content .product-frame-handsetonly .accessories .list-box .box2 a {font-size:13px;line-height:22px;}
#container .innerpage-content .product-content .product-frame-handsetonly .accessories .list-box .box2 .price-na{line-height:47px;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price{font-size:15px;line-height:20px;}
#container .innerpage-content .product-content .accessories .list-box .box-logined .price{line-height:47px;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price-na{line-height:20px;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price span{line-height:20px;}
#container .innerpage-content .product-content .accessories .list-box .box2 a{color:#e40077;}
/*======== product-index1.html =============*/

/*======== product-index2.html =============*/
#container .innerpage-content .product-content .list-box .remark{font-size:13px;margin-bottom:10px; height:42px;line-height:1.5em; overflow: hidden;padding:0 2px;}
/*======== product-index2.html =============*/

/*======== handset-only-listing.html =============*/
#container .innerpage-content .product-content .search-title{text-align:center;}
#container .innerpage-content .product-content .search-title span{text-align:center;font-size:25px;margin-bottom:30px;background:#8fc31f;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;color:#ffffff;padding:8px 30px;display:inline-block;font-size:1em;}
#container .innerpage-content .product-content .cart-btn{position:absolute;top:-60px;right:0px;}
#container .innerpage-content .product-content .cart-btn a{background:url(../../img/desktop/shopping-cart.png) no-repeat 12px center #e40077;padding:6px 15px 5px 40px;display:inline-block;color:#fff;font-size:1em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#container .innerpage-content .product-content .btn-area{text-align: center;}
#container .innerpage-content .product-content .phone-list .btn-area{padding: 0;}
#container .innerpage-content .product-content .phone-list .btn-area .green-btn{float:right;}
/*======== handset-only-listing.html =============*/

/*======== new-customer-handset-detail.html =============*/
#container .innerpage-content .product-content .product-main .step-title{color:#8fc31f;font-size:1.5em;margin-bottom:30px;margin-left:-30px;margin-top:25px;}
#container .innerpage-content .product-content .product-main .step-title span{font-size:1.8em;float:left;width:30px;display:block;margin-top:-7px;}
#container .innerpage-content .product-content .product-main .step-content{margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .new-customer{margin-bottom:30px;}

#container .innerpage-content .product-content .product-main .new-customer .li-box li{width:20% !important; margin-bottom:0 !important;}

#container .innerpage-content .product-content .product-main .new-customer table.table-style td{cursor:pointer;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style tr.selected td,
#container .innerpage-content .product-content .product-main .new-customer table.table-style tr:hover td{background-color:#e40077 !important;color:#fff;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style td input{margin-top:-5px;margin-right:10px;}

#container .innerpage-content .product-content .product-main .rateplan-price{font-size:1.15em;margin-bottom:40px;height:28px}
#container .innerpage-content .product-content .product-main .rateplan-price span{font-size:1.4em;color:#e40077;margin:0 15px 0 5px;font-weight:bold;}
#container .innerpage-content .product-content .handset-rateplan-detail-form .product-main .item2{height:25px}
#container .innerpage-content .product-content .product-main .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:30px;margin:30px 0;}
#container .innerpage-content .product-content .product-main .pp-title{width:15%;line-height:2em;}
#container .innerpage-content .product-content .product-main .pp-title span{left:50px;}
#container .innerpage-content .product-content .product-main .pp-content{width:78.5%;font-size:1em;}
#container .innerpage-content .product-content .product-main .product-name{font-size:1.3em;margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .new-customer .product-name{font-size:1.3em;margin:20px 10px;}
#container .innerpage-content .product-content .product-main .choose-num-area{}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num{float:left;margin-right:10px;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .reload_reserve_number{display:none;background:url(../../img/mobile/refresh-btn.png) no-repeat left top;padding:5px 0 0 33px;height:22px; margin-left:27px;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .reload_reserve_number:hover{background-position:left bottom;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num input[type=radio]{margin-top:-3px;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num input[type=text]{/*height:30px;line-height:30px;*/width:190px;padding:10px;margin-left:25px;text-align:center; font-size:0.9em;}
/*======= for prepaid user port in remark ========*/
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .prepaid-port-in-remark{width:190px;margin-left:25px;}

/*======== new-customer-handset-detail.html =============*/

/*======== handset-only-detail.html =============*/
#container .innerpage-content .product-content .product-main{margin:0 4% 30px; padding-top:30px;}
#container .innerpage-content .product-content .product-main .product-title{color:#e40077;font-size:1.6em;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .product-title span{color:#555;margin-right:10px;}
#container .innerpage-content .product-content .product-main .product-title span i{font-style:normal;text-decoration:line-through;}
#container .innerpage-content .product-content .product-main .section{border-bottom:1px solid #ddd;margin-bottom:30px; padding:40px 0;}
#container .innerpage-content .product-content .product-main .section .photo{float:left;width:30%;text-align:center;margin-right:5%;margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .section .photo img{max-width:100%;height:auto;}
#container .innerpage-content .product-content .product-main .section .photo span{color:#e40077;}
#container .innerpage-content .product-content .product-main .section .detail{float:left;width:65%;margin-bottom:20px;}
#container .innerpage-content .product-content .product-main table.table-style th,
#container .innerpage-content .product-content .product-main table.table-style td{text-align:center;}
#container .innerpage-content .product-content .product-main table.table-style tr.selected td{background-color:#e40077 !important;color:#fff;}
#container .innerpage-content .product-content .product-main table.table-style tr.plan-na td{background-color:#f3f3f3 !important;color:#ccc;}
#container .innerpage-content .product-content .product-main .section .detail .item1{color:#555;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .item2{color:#008ED4;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .item3{color:#e40077;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .pp-title{width:20%;}
#container .innerpage-content .product-content .product-main .section .detail .pp-title span{left:45px;}
#container .innerpage-content .product-content .product-main .section .detail .pp-content{width:70%;}
#container .innerpage-content .product-content .product-main .section .detail .step-title{margin-left:0px;}
#container .innerpage-content .product-content .product-main .section .detail .step-title span{width:45px;}
#container .innerpage-content .product-content .product-main .step-title p{float:left;margin-bottom:0px;width:92%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content{margin-bottom:30px;padding:0 0 30px 8%;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .step-content.last{border:none !important;padding-bottom:0 !important;}
#container .innerpage-content .product-content .product-main .step-content .li-box{margin:0 0 0 -1%;}
#container .innerpage-content .product-content .product-main .step-content .li-box li{float:left;display:block;border:1px solid #cccccc;color:#555555;padding:1px 19px;margin:0 1% 3%;text-align:center;min-width:23%;height:35px;line-height:35px;cursor:pointer;}
#container .innerpage-content .product-content .product-main .step-content .li-box li a{display: block;}
#container .innerpage-content .product-content .product-main .step-content .li-box li:hover,
#container .innerpage-content .product-content .product-main .step-content .li-box li.selected{border:2px solid #8fc31f;padding:0px 18px;}
#container .innerpage-content .product-content .product-main .step-content .li-box li:hover span,
#container .innerpage-content .product-content .product-main .step-content .li-box li.selected span{background:url(../../img/desktop/tab-indicate-arrow.png) no-repeat center bottom;width:27px;height:10px;display:block;margin:0 auto;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price{margin-bottom:-30px;}
@-moz-document url-prefix(){#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price{margin-top:60px;}}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li{margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li span{color:#e40077;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .left{float:left;width:60%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right{float:left;width:40%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right input{width:50px;height:21px;text-align:center;line-height:21px;margin:0 3px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right .btn-add{background:url(../../img/desktop/plus.png) no-repeat;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list{margin-bottom:-10px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list li{margin-bottom:10px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list li input{margin-top:-2px;}
#container .innerpage-content .product-content .product-main .shopping-cart-fail-form p{border:1px solid #ddd; padding:30px;text-align:center;}

#container .innerpage-content .product-content .buy-now-area .btn-area{float: right; padding: 0;}
#container .innerpage-content .product-content .btn-back{float:left;background:url(../../img/desktop/product-back-arrow.png) no-repeat center left;padding-left:20px;padding-top:0px;font-size:1em;line-height:1em;}
/*======== handset-only-detail.html =============*/

/*======== simonly-detail.html =============*/
#container .innerpage-content .product-content .product-main .section .detail .sim-only .promotion-preferential-box{border:none;padding-bottom:0;margin-bottom:0;}
#container .innerpage-content .product-content .product-main .section .detail .sim-only .li-box{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .info-title{color:#8fc31f;font-size:1.5em;margin:30px 0;text-align:left;}
#container .innerpage-content .product-content .product-main .info-tb th{width:135px;padding-right:5px;}
#container .innerpage-content .product-content .product-main .info-tb th,
#container .innerpage-content .product-content .product-main .info-tb td{text-align:left;padding-bottom:10px;}
/*======== simonly-detail.html =============*/

/*======== prepaid-card-detail.html =============*/
#container .innerpage-content .product-content .product-main .info-list-card{text-align:left;}
#container .innerpage-content .product-content .product-main .prepaidcard-user-guide{text-align:left; margin-left: 25px; font-weight: bold; text-decoration: underline;}
#container .innerpage-content .product-content .product-main .price-box{margin-bottom:50px;}
#container .innerpage-content .product-content .product-main .detail .price-box{font-size:15px;}
#container .innerpage-content .product-content .product-main .price1{float:left;width:30%;}
#container .innerpage-content .product-content .product-main .price2{float:left;border-left:1px solid #ddd;padding-left:5%;}
#container .innerpage-content .product-content .product-main .price3{float:left;color:#e40077;padding-left:5%;border-left:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .price1 span,
#container .innerpage-content .product-content .product-main .price2 span,
#container .innerpage-content .product-content .product-main .price3 span{margin-left:10px;font-size:30px;}
#container .innerpage-content .product-content .product-main .price2 span{color:#e40077;}
#container .innerpage-content .product-content .product-main .detail .price1{float:left;width:25%;}
#container .innerpage-content .product-content .product-main .detail .price2{float:left;border-left:1px solid #ddd;padding:0 5%;}
#container .innerpage-content .product-content .product-main .detail .price3{float:left;color:#e40077;padding-left:5%;border-left:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .detail .price1 span,
#container .innerpage-content .product-content .product-main .detail .price2 span,
#container .innerpage-content .product-content .product-main .detail .price3 span{margin-left:10px;font-size:25px;}
#container .innerpage-content .product-content .product-main .detail .price-none{font-size:25px;}
#container .innerpage-content .product-content .product-main span.line{text-decoration:line-through;}
#container .innerpage-content .product-content .product-main .modify-quantity input{width:50px;height:21px;text-align:center;line-height:21px;padding:10px 15px;margin:0 3px;}
#container .innerpage-content .product-content .product-main .modify-quantity .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .product-main .modify-quantity .btn-add{background:url(../../img/desktop/plus.png) no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}

#container .innerpage-content .product-content .rel-product{border-top:1px solid #ddd;padding:30px 0 50px 0;margin:0 4%;}
#container .innerpage-content .product-content .rel-product .rel-title{font-size:1.5em;color:#e40077;margin-bottom:40px;}
#container .innerpage-content .product-content .rel-product li{float:left;width:22%;text-align:center;margin:20px 20px 0 0;}
#container .innerpage-content .product-content .rel-product li a{display:block;}
#container .innerpage-content .product-content .rel-product li a.related-product-name{margin:20px;}
#container .innerpage-content .product-content .rel-product li img{max-width:100%;height:auto;text-align:center;}
/*======== prepaid-card-detail.html =============*/

/*======== pre-order-listing.html =============*/
#container .innerpage-content .product-content .pre-order-list{position:relative;margin:0 39px;}
#container .innerpage-content .product-content .pre-order-list li{border:2px solid #ddd;margin-bottom:20px;padding:40px 20px 20px;}
#container .innerpage-content .product-content .pre-order-list li .info-m{float:left;width:47%;margin-right:3%;}
#container .innerpage-content .product-content .pre-order-list li .photo{float:left;width:32%;margin-right:6%;text-align:center;}
#container .innerpage-content .product-content .pre-order-list li .intro{float:left;width:62%;}
#container .innerpage-content .product-content .pre-order-list li .intro .name{font-weight:bold;margin-bottom:5px;}
#container .innerpage-content .product-content .pre-order-list li .intro .content{font-size:15px;line-height:1.2em;}
#container .innerpage-content .product-content .pre-order-list li .info{float:left;width:50%;}
#container .innerpage-content .product-content .pre-order-list .price-box{margin-bottom:20px;border:1px solid #ddd;padding:15px 20px}
#container .innerpage-content .product-content .pre-order-list .price1{float:left;width:40%;}
#container .innerpage-content .product-content .pre-order-list .price2{float:left;width:45%;border-left:1px solid #ddd;padding-left:10%;}
#container .innerpage-content .product-content .pre-order-list .price1 span,
#container .innerpage-content .product-content .pre-order-list .price2 span{font-size:1.5em;display:block;}
#container .innerpage-content .product-content .pre-order-list .price2 span{color:#e40077;}
#container .innerpage-content .product-content .pre-order-list span.line{text-decoration:line-through;}
/*======== pre-order-listing.html =============*/

/*======== pre-order-detail.html =============*/
#container .innerpage-content .product-content .product-main .box2 .price1{width:35%;}
#container .innerpage-content .product-content .product-main .box2 .price2{width:40%;}
#container .innerpage-content .product-content .product-main .item3{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .item3 a{color:#e40077;}
#container .innerpage-content .product-content .product-main .item4{color:#555;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .step-content.pre-order-detail{padding-left:0px !important;}
/*======== pre-order-listing.html =============*/

/*======== shopping-cart.html =============*/
#container .innerpage-content .product-content .cart-list{margin:0 39px;}
#container .innerpage-content .product-content .cart-list .red{color:#e40077;}
#container .innerpage-content .product-content .cart-title{font-size:1.867em;color:#8fc31f ;margin-bottom:20px;}
#container .innerpage-content .product-content .item-box{border-top:1px solid #ddd;line-height:1.5em;margin-bottom:40px;}
#container .innerpage-content .product-content .item-box table{border:1px solid #ddd;border-top:none;width:100%;}
#container .innerpage-content .product-content .item-box td{vertical-align:top;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .item-box .td-box{padding:40px 6%;}
#container .innerpage-content .product-content .item-box .green,
#container .innerpage-content .product-content .total-box .green{color:#8fc31f;}
#container .innerpage-content .product-content .item-box .item-summary{width:57%;}
#container .innerpage-content .product-content .item-box .item-summary .item-image{float:left;width:30%;margin-right:5%;text-align:center;}
#container .innerpage-content .product-content .item-box .item-summary .item-image img{max-width:100%;height:auto;max-height:180px;}
#container .innerpage-content .product-content .item-box .item-summary .item-info{float:left;width:65%;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .name{margin-bottom:10px;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .remark{font-size:15px;line-height:1.5em;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .remark p{margin-bottom:0.5em;}
#container .innerpage-content .product-content .item-box .item-price-quantity{text-align:center;width:20%;}
#container .innerpage-content .product-content .confirm-box .item-price-quantity{text-align:center;}
#container .innerpage-content .product-content .item-box .item-price-quantity .quantity{margin-bottom:20px;}
#container .innerpage-content .product-content .item-box .item-price-quantity input{width:25%;height:21px;text-align:center;line-height:21px;margin:0 3px;padding:10px 15px;}
#container .innerpage-content .product-content .item-box .item-price-quantity a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;}
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-add{background:url(../../img/desktop/plus.png) no-repeat;}

#container .innerpage-content .product-content .item-box .item-price-quantity .btn-add.disable,
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-minus.disable{background-position: 0 -21px;}

#container .innerpage-content .product-content .item-box .item-subtotal{text-align:center;background-color:#F3F3F3;margin:0;width:13%;}
#container .innerpage-content .product-content .item-box .item-subtotal span{display:block;}
#container .innerpage-content .product-content .item-box .item-action{text-align:center;line-height:25px;width:10%;}
#container .innerpage-content .product-content .item-box .item-action .td-box{border-bottom:none;}
#container .innerpage-content .product-content .item-box .item-action .btn-remove{display:inline-block;text-indent:-9999px;width:25px;height:25px;background:url(../../img/desktop/remove-btn.png) no-repeat;margin:0 5px 0 0;}
#container .innerpage-content .product-content .total-box{border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.5em;padding-bottom:40px;margin-bottom:40px;font-size:1.2em;font-weight:bold;}
#container .innerpage-content .product-content .total-box table{border:1px solid #ddd;border-top:none;width:100%;}
#container .innerpage-content .product-content .total-box td{vertical-align:top;text-align:center;}
#container .innerpage-content .product-content .total-box .td-box{margin:10px 0;padding:10px 6%;}
#container .innerpage-content .product-content .total-box .item1{width:57%;}
#container .innerpage-content .product-content .total-box .item1 .td-box{border-right:1px solid #ddd;}
#container .innerpage-content .product-content .total-box .item2{width:20%;}
#container .innerpage-content .product-content .total-box .item3{width:13%;}
#container .innerpage-content .product-content .total-box .item4{width:10%;}
#container .innerpage-content .product-content .cart-list .product-blue-btn{float:right;}
#container .innerpage-content .product-content .cart-list .cart-no-good-msg{margin:20px 0; padding:30px;border:2px solid #ddd; text-align:center;}
/*======== shopping-cart.html =============*/

/*======== fill-in-information.html =============*/
#container .innerpage-content .product-content .cart-list .step-area{margin:40px 0;text-align:center;}
#container .innerpage-content .product-content .cart-list .step-area .step-box{text-align:left;display:inline-block;}
#container .innerpage-content .product-content .cart-list .step-area .step-list{float:left;color:#bbbbbb;/*font-weight:bold;*/ font-size:1.15em;}
#container .innerpage-content .product-content .cart-list .step-area .step-list .txt{float:left;width:185px;}
#container .innerpage-content .product-content .cart-list .step-area .step-list.past .txt{color:#555;}
#container .innerpage-content .product-content .cart-list .step-area .step-list.active .txt{color:#e40077;}
#container .innerpage-content .product-content .cart-list .step-area .step-list i{float:left;font-size:2.5em;font-style:normal;line-height:1em;margin-right:10px;width:45px;}
#container .innerpage-content .product-content .cart-list .step-area .step-list span{float:left;font-size:1em;width:122px;line-height:1.5em;}
#container .innerpage-content .product-content .cart-list .step-area .arrow{float:left;width:21px;height:43px;background:url("../../img/desktop/step-right-arrow.png") no-repeat;margin:0 15px;}
#container .innerpage-content .product-content .total-box.fill-in-infomation{border-bottom:none;padding-bottom:0;}
#container .innerpage-content .product-content .cart-list .step-btn-area1{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:40px;}

#container .innerpage-content .product-content .cart-list .confidential-info{margin-bottom:30px; padding-bottom:40px; border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .cart-list .confidential-info .photo{float:left;width:40%;}
#container .innerpage-content .product-content .cart-list .confidential-info .info{float:left;width:60%;}
#container .innerpage-content .product-content .cart-list .confidential-info .info .info-title{font-size:1.5em;color:#e40077;font-weight:bold;margin-bottom:10px;}
#container .innerpage-content .product-content .cart-list .confidential-info .info .content{line-height:1.5em;}
#container .innerpage-content .product-content .cart-list .middle-title{margin-bottom:30px;}

#container .innerpage-content .product-content .cart-list .form-area{border-bottom:1px solid #ddd;margin-bottom:30px;padding:30px 0;}
#container .innerpage-content .product-content .cart-list .select-filed .cmhkDropDown{width:200px;margin-right:20px;float:left;}
#container .innerpage-content .product-content .cart-list .highlight-msg{color:#0085d0;}
#container .innerpage-content .product-content .cart-list .highlight-msg a{color:#0085d0; text-decoration: underline;}

#container .innerpage-content .product-content .cart-list .pickup-area{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .location-box{padding:30px 30px 40px;border:1px solid #ddd;}
#container .innerpage-content .product-content .cart-list .location-box .pickup-place-shop-business-hour{padding:30px 0 0;}
#container .innerpage-content .product-content .cart-list .location-box .cmhkDropDown{width:260px;margin-bottom:20px;}
#container .innerpage-content .product-content .cart-list .location-box .shop-addr .cmhkDropDown{width:750px;float:left;margin-bottom:0;}
#container .innerpage-content .product-content .cart-list .location-box .shop-addr .btn-map{float:left;background:url(../../img/desktop/map-icon.png) no-repeat;width:41px;height:41px;display:block;margin:0 0 0 20px; cursor:pointer;}
#container .innerpage-content .product-content .cart-list .pickup-area .shop-addr .btn-map{float:right;background:url(../../img/desktop/map-icon.png) no-repeat;width:41px;height:41px;display:block;margin:-5px 0 0 20px; cursor:pointer;}

#container .innerpage-content .product-content .cart-list .payment-method-area{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}

#container .innerpage-content .product-content .cart-list .new-number-area{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .new-number-area .input-field{width:680px;}
#container .innerpage-content .product-content .cart-list .new-number-area .cmhkDropDown{width:260px;}

#container .innerpage-content .product-content .cart-list .accept-tandc{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box .checkboxLayer{float:left; margin-right: 20px;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box label{float:left;width:840px; margin-top: -6px;}

#container .innerpage-content .product-content .cart-list .buy-now-area .required{float:left;}
#container .innerpage-content .product-content .cart-list .buy-now-area .total-amount{display:block;font-size:25px;padding:20px;border:1px solid #ddd;margin-bottom:40px;text-align:center;}

#container .innerpage-content .product-content .cart-list .checked-list{width: 200px;}

#container .innerpage-content .product-content .cart-list .deliverySearchAddr{width: 370px;}
#container .innerpage-content .product-content .cart-list .address-area label{float: left; width: 120px;}
#container .innerpage-content .product-content .cart-list .address-area .cmhkDropDown{float: left;}
#container .innerpage-content .product-content .cart-list .address-area .block,
#container .innerpage-content .product-content .cart-list .address-area .floor,
#container .innerpage-content .product-content .cart-list .address-area .room{float: left;}
#container .innerpage-content .product-content .cart-list .address-area .floor,
#container .innerpage-content .product-content .cart-list .address-area .room{margin-left: 30px;}
#container .innerpage-content .product-content .cart-list .address-area .floor label,
#container .innerpage-content .product-content .cart-list .address-area .room label{width: auto;}
#container .innerpage-content .product-content .cart-list .address-area .floor input,
#container .innerpage-content .product-content .cart-list .address-area .room input{margin-left: 30px;}

#container .innerpage-content .product-content .cart-list .buynow-success-msg{margin-bottom: 30px;}
#container .innerpage-content .product-content .cart-list .checkout-success-msg{margin-bottom: 30px;}
#container .innerpage-content .product-content .cart-list .checkout-success-msg a{color: #e40077;}
#container .innerpage-content .product-content .cart-list .payment-title {border: 2px solid #e40077;padding: 20px;text-align: center;margin: 40px 0;font-size: 23px;font-weight: bold;color: #e40077;background-color: #f3f3f3;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
/*======== fill-in-information.html =============*/

/*---------- accessories-devices-listing.html ---------*/
#container .innerpage-content .handset-brandname-menu{width:935px;position:relative;margin:0 auto;line-height:normal;}
#container .innerpage-content .handset-brandname-menu .menu{text-align:center; display: none;}
#container .innerpage-content .handset-brandname-menu .menu a{color:#555555;}
#container .innerpage-content .handset-brandname-menu .menu .list{float:left; display:block;}
#container .innerpage-content .handset-brandname-menu .menu .list:hover a,
#container .innerpage-content .handset-brandname-menu .menu .list.active a{text-decoration:underline;color:#8fc31f}
#container .innerpage-content .handset-brandname-menu .left-arrow{background:#ffffff url("../../img/desktop/step-left-arrow.png") no-repeat left top;top:-15px;left: -21px;text-indent:-9999px;width:45px;height:43px;position:absolute; cursor: pointer;}
#container .innerpage-content .handset-brandname-menu .right-arrow{background:#ffffff url("../../img/desktop/step-right-arrow.png") no-repeat right top;top:-15px;right: -21px;text-indent:-9999px;width:45px;height:43px;position:absolute; cursor: pointer;}

#container .innerpage-content .accessories-list-content .handset-brandname-menu {margin-bottom:50px;}

#container .innerpage-content .handset-sorting-area{position:relative;margin-bottom:40px}
#container .innerpage-content .handset-sorting-area .btn-area{margin:30px auto 30px;text-align:center; padding: 0;}
#container .innerpage-content .handset-sorting-area .sorting-function{display:none;}
#container .innerpage-content .handset-sorting-area .sorting-arrow{position:absolute;width:100%;height:16px;background:url("../../img/desktop/top-sorting-arrow.png") no-repeat center top;top:50px;text-indent:-9999px}
#container .innerpage-content .handset-sorting-area .sorting-area{width:900px; min-height:200px; padding:50px 40px 20px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background-color:#eeeeee;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-title{float:left;font-weight:bold;width:150px;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area{float:left;width:750px;margin-bottom:10px; display: block !important;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a{float:left;width: 238px;display:block;border:1px solid #cccccc;color:#555555;font-size:13px;padding:5px 0;margin:0 5px 10px;text-decoration:none;text-align:center;background-color:#ffffff;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a:hover,
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a.active{border:2px solid #8fc31f;padding:4px 0;width:236px;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-section {border-top:1px solid #ddd;margin:20px 0;padding:40px 0 0;}
#container .innerpage-content .handset-sorting-area .sorting-area .btn-area a{margin: 0 10px;}

#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-title{float: none; width: 100%; margin-bottom: 20px;}
#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area{float: none; width: 100%; margin-bottom: 20px;}
#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area a{width: 288px;}
#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area a:hover,
#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area a.active{width:286px;}

#container .innerpage-content .handset-sorting-area .dim-search{}
#container .innerpage-content .handset-sorting-area .dim-search .filtering-area a,
#container .innerpage-content .handset-sorting-area .dim-search .sorting-section a{color: #ccc; cursor: default;}
#container .innerpage-content .handset-sorting-area .dim-search .filtering-area a:hover,
#container .innerpage-content .handset-sorting-area .dim-search .sorting-section a:hover{border: 1px solid #cccccc; padding: 5px 0; width: 238px;}
#container .innerpage-content .handset-sorting-area .sorting-area.dim-search .not-float .sorting-btn-area a:hover{width:288px;}

#container .innerpage-content .accessories-list-content .phone-list-area{}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area{position:relative;float:left;margin:0px 14px 30px 0;width:312px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area{width:270px;height:260px;border:1px solid #999999;margin-bottom:8px;padding:47px 20px 20px;overflow:hidden;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .label-area{position:absolute;top:1px;right:20px;height:39px;width:97px;line-height:39px;text-align:center;font-size:1.333em;color:#ffffff;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .hot-label{background:url("../../img/desktop/tab-pink.png") no-repeat;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .new-label{background:url("../../img/desktop/tab-green.png") no-repeat;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo{text-align:center;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-name{color:#8fc31f;font-size:20px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-content{color:#e40077;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-price{color:#e40077;font-size:20px;font-weight:bold;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a{float:left;display:block;padding:8px 20px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.ordernow{width:130px;border:1px solid #cccccc;color:#555555;background-color:#EEEEEE;margin-right:5px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.readmore{width:93px;border:1px solid #666666;color:#ffffff;background:#666666 url("../../img/desktop/read-more-arrow.png") no-repeat 92% 50%;}

#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.soldout{background-color:#dddddd; border:1px solid #cccccc;color:#ffffff; }
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.soldout:hover{background-color:#dddddd;border:1px solid #cccccc;color:#ffffff; }

#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a:hover{background-color:#e40077;border:1px solid #e40077;color:#ffffff;}
#container .innerpage-content .accessories-list-content .btn-area{text-align:center;}


/*---------- order now window ---------*/
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window{display:none;position:absolute;background-color:#EEEEEE;width:310px;height:327px;top:1px;left:1px}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .close-window{background:url("../../img/desktop/close.png") no-repeat right;text-indent:-9999px;cursor:pointer;width:28px;height:28px;margin:15px 0 15px 269px}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a{width:280px;display:block;border:1px solid #cccccc;color:#555555;font-size:15px;padding:10px 0;text-decoration:none;text-align:left;background-color:#ffffff;text-align:center; margin:15px auto;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a:hover{background-color:#8fc31f;border:1px solid #8fc31f;color:#ffffff;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .phone-name{display: none;}
/*---------- order now window ---------*/
/*---------- accessories-devices-listing.html ---------*/


/*---------- accessories-devices-detail.html ---------*/
#container .innerpage-content .accessories-detail-content .phone-area{margin:50px 0;}
#container .innerpage-content .accessories-detail-content .phone-area .for-mobile{display: none;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo{float:left;width:320px;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo img{max-width:100%;height:auto;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .phone-price{color:#e40077;font-size:1.2em;text-align:center;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .btn-area{text-align:center;}

#container .innerpage-content .accessories-detail-content .phone-area .phone-detail-area{float:right;width:660px;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-detail-area .phone-name{font-size:1.667em;color:#8fc31f;margin-bottom:10px;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-detail-area .phone-content{font-size:1.667em;color:#e40077;margin-bottom:20px;}
/*---------- accessories-devices-detail.html ---------*/


/*---------- vas.html ---------*/
.vas-content .vas-banner{margin: 0 0 30px; text-align: center;}
.vas-content .vas-banner img{max-width: 100%; height: auto; width: 100%;}
.vas-content .content{margin-bottom: 30px;}
.vas-content .vas-list{margin-bottom: 30px;}
.vas-content .vas-list .list-box{position: relative; float: left; border: 1px solid #ddd; background-color: #FCFCFC; padding: 20px 15px; margin: 0 20px 20px 0; width: 281px; height: 271px;}
.vas-content .vas-list .list-box a{display: block;}
.vas-content .vas-list .list-box .bullet{background: url("../../img/desktop/btn-level5-icon.png") no-repeat; display: block; width: 10px; height: 10px; position: absolute; top: 28px; right: 20px;}
.vas-content .vas-list .list-box .name{font-size: 1.2em;}
.vas-content .vas-list .list-box .img{text-align: center; margin-top: 20px; height: 226px; line-height: 226px;}
.vas-content .vas-list .list-box .img img{vertical-align: middle;}
.vas-content .vas-list .list-box.active,
.vas-content .vas-list .list-box:hover{border: 1px solid #8fc31f;}
.vas-content .vas-list .list-box.active .bullet,
.vas-content .vas-list .list-box:hover .bullet{background-position: 0 -98px;}
/*---------- vas.html ---------*/


/*---------- customer-poinion-zone.html ---------*/
.customer-poinion-zone-content .form-area{margin: 50px 0;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .checked-list{margin-right: 10px;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .checked-list input[type=text]{width: 83px;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .checked-list .cmhkDropDown{width: 155px; min-width: 0;}
/*---------- customer-poinion-zone.html ---------*/


/*======== error =============*/
.errorSummary{background-color:#ffeeee;color:#FF0000;padding:30px 50px; margin-bottom: 30px;}
.errorSummary ul{list-style:decimal;margin-left:20px;}
/*======== error =============*/


/*======== sitemap.html =============*/
#container .innerpage-content .sitemap-content .sitemap ul{float:left;width:225px;list-style:none;margin:0 10px 55px;}
#container .innerpage-content .sitemap-content .sitemap ul li a{font-size:23px;color:#e40077;padding:15px 0;display:block;text-align:left;/*font-size:1.5em;*/line-height:1.5em;}
/*#container .innerpage-content .sitemap-content .sitemap ul li.active > a{color:#8fc31f;border-bottom:none;}*/
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul{display:block;width:100%;padding:0;margin:0;}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul a{display:block;font-size:18px;color:#8fc31f;border-top:1px solid #ddd;/*border-bottom:1px solid #ddd;*/padding:10px 0;/*font-size:1.4em;*/}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul a:hover{color:#e40077;}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul > li > ul{display:block;width:100%;padding:0 0 10px 0;margin:0;float:none;}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul > li > ul a{color:#555;display:block;font-weight:bold;font-size:16px;border:none;padding:7px 0 7px 7px;/*font-size:1.3em;*/}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul > li > ul > li >ul{display:block;width:100%;padding:0 0 10px 0;margin:0 0 0 10px;}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul > li > ul > li >ul a{font-weight:normal;color:#555;display:block;font-size:15px;border:none;padding:0 0 5px 20px;background: url("../../img/desktop/bullet-point.png") no-repeat left 7px;}
#container .innerpage-content .sitemap-content .sitemap ul li.has-sub > ul > li > ul > li >ul > li >ul{margin:10px 0 0 20px;}

#container .innerpage-content .sitemap-content .sitemap-available{display:none}
/*======== sitemap.html =============*/

/*======== handset-compare.html =============*/
#container .innerpage-content .handset-compare-itemset .remove-item .remove-item-btn {position:absolute;right:0;top:0;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat left top;width:19px; min-width:19px;height:19px;margin:0;padding:0;display:block; cursor:pointer; text-indent:-9999px;}
#container .innerpage-content .handset-compare-itemset .handset-image img {margin:40px 20px 20px;max-height:200px;}
#container .innerpage-content .handset-compare-itemset .handset-compare-action-box {margin:10px 20px 40px;}
#container .innerpage-content .handset-compare-item-detail .table-style{margin-bottom:40px;}
#container .innerpage-content .product-content .handset-compare {margin:0 0 40px 0;}
#container .innerpage-content .product-content .handset-compare-title {text-align:left;}
/*======== handset-compare.html =============*/

/*======== transaction-index.html =============*/
#container .innerpage-content .product-content .transaction .input-area .verification-code{float:left;margin-right:10px; width: 127px;}
#container .innerpage-content .product-content .transaction .input-area .verification-code img{width:125px; border:1px solid #ddd;}
#container .innerpage-content .product-content .transaction  input.input-field-style-verification{float:left;width:114px;height:45px;}
#container .innerpage-content .product-content .transaction .input-area .getnewcode{float:left;margin:20px;}
#container .innerpage-content .product-content .transaction .input-area .getnewcode a{font-size:15px;color:#555555}
/*======== transaction-index.html =============*/

/*======== Prepaid Card Refill =============*/

#prepaid-refill-1-form {margin:30px 0;}
#container .innerpage-content #prepaid-refill-1-form .btn-area{margin-left:221px; padding-top:0;}

/*======== Prepaid Card Refill =============*/

.call-usage-analysis-content li.analysis-li{margin:50px 0;}

/*======== Address style =============*/
#container .innerpage-content .contact-content .input-field .searchAddr{width: 370px;}
#container .innerpage-content .contact-content .address-area label{float: left; width: 120px;}
#container .innerpage-content .contact-content .address-area .cmhkDropDown{float: left;}
#container .innerpage-content .contact-content .address-area .block{float: left;line-height: 32px; width: 99px;}
#container .innerpage-content .contact-content .address-area .floor{float: left;line-height: 32px;margin-left: 10px; width: 266px;}
#container .innerpage-content .contact-content .address-area .room{float: left;line-height: 32px;margin-left: 10px; width: 287px;}
#container .innerpage-content .contact-content .address-area .floor label,
#container .innerpage-content .contact-content .address-area .room label{width: auto;}
#container .innerpage-content .contact-content .address-area span.txt,
#container .innerpage-content .contact-content .address-area  input.min-input{float: left; margin-right: 5px;}
#container .innerpage-content .contact-content .address-area .floor .cmhkDropDown,
#container .innerpage-content .contact-content .address-area .room .cmhkDropDown{float: left; min-width: 125px; width: 125px;}
#container .innerpage-content .contact-content .address-area .cmhkDropDown .selected{min-height: 21px;}
/*======== Address style =============*/

/*======== downolad app style =============*/
#container .innerpage-content .download-content .list{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
#container .innerpage-content .download-content .list.last{border-bottom: none;}
#container .innerpage-content .download-content .list .app-box-icon{float: left; width: 320px;}
#container .innerpage-content .download-content .list .app-box-icon .icon{float: left; width: 78px; margin-right: 15px;}
#container .innerpage-content .download-content .list .app-box-icon .icon img{max-width: 100%; height: auto;}
#container .innerpage-content .download-content .list .app-box-icon .text{float: left; position: relative; width: 227px;}
#container .innerpage-content .download-content .list .app-box-icon .text .name{font-weight: bold;}
#container .innerpage-content .download-content .list .app-box-icon .text .discription{font-size: 0.8em;}
#container .innerpage-content .download-content .list .app-box-detail{float: right; width: 600px; border-left: 1px solid #ddd; padding-left: 30px; display: block !important;}

#container .innerpage-content .download-content .connecting-tone a{float: left; display: block; margin: 0 20px 20px 0;}
#container .innerpage-content .download-content .connecting-chart p{float: left; display: block; margin: 0 40px 20px 0;}
#container .innerpage-content .download-content .connecting-chart a{display: block; margin: 20px 0;}
/*======== downolad app style =============*/

/*======== phonebook style =============*/
#container .innerpage-content .phonebook-content .migration{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .search-area{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .search-area .group,
#container .innerpage-content .phonebook-content .search-area .character,
#container .innerpage-content .phonebook-content .search-area .text,
#container .innerpage-content .phonebook-content .search-area .search-btn{float: left; margin-right: 10px;}
#container .innerpage-content .phonebook-content .search-area .input-field-style{width: 150px;}

#container .innerpage-content .phonebook-content .search-area .group-link{float: left; margin-left: 20px; line-height: 35px;}
#container .innerpage-content .phonebook-content .group-link a:hover{color: #8DAF00;}

#container .innerpage-content .phonebook-content .contactList-area{border-top: 1px solid #ddd;}
#container .innerpage-content .phonebook-content .contactList-area .list{margin: 15px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
#container .innerpage-content .phonebook-content .contactList-area .list .avatar{float: left; margin-right: 20px;}
#container .innerpage-content .phonebook-content .contactList-area .list .details{float: left;}
#container .innerpage-content .phonebook-content .contactList-area .list .action{float: right;}
#container .innerpage-content .phonebook-content .contactList-area .list .action a{margin: 0 5px;}

#container .innerpage-content .phonebook-content .add-contactgroup{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .add-contactgroup li{float:  left; margin-right: 10px;}
#container .innerpage-content .phonebook-content .contactgroup-list a{color: #555;}
#container .innerpage-content .phonebook-content .contactgroup-list td{border: 1px solid #ddd; padding: 10px}
#container .innerpage-content .phonebook-content .contactgroup-list th.delete,
#container .innerpage-content .phonebook-content .contactgroup-list td.delete{width: 10%; text-align: center;}
#container .innerpage-content .phonebook-content .contactgroup-list th.name,
#container .innerpage-content .phonebook-content .contactgroup-list td.name{width: 70%;}
#container .innerpage-content .phonebook-content .contactgroup-list th.change,
#container .innerpage-content .phonebook-content .contactgroup-list td.change{width: 20%;}

#container .innerpage-content .phonebook-content .contactgroup-list td.delete a{background: url(../../img/desktop/sms-hisitory-close.png) no-repeat; text-indent: -9999px; width: 19px; height: 19px; display: inline-block;}
#container .innerpage-content .phonebook-content .contactgroup-list td.name a{color: #e40077;}

#container .innerpage-content .phonebook-content .add-form-icon-delete{background: url(../../img/desktop/sms-hisitory-close.png) no-repeat; height: 19px; display: inline-block; padding-left: 29px; margin-top: 10px; line-height: 19px;}
#container .innerpage-content .phonebook-content .info-area,
#container .innerpage-content .phonebook-content .phone-area,
#container .innerpage-content .phonebook-content .email-area,
#container .innerpage-content .phonebook-content .group-area{border-top: 1px solid #ddd; padding-top: 30px;}
/*======== phonebook style =============*/    


/*======== vas detail =============*/
#container .innerpage-content .vas-detail{width:980px; margin-bottom:50px}
#container .innerpage-content .vas-detail .vas-detail-image-area{float:left;width:297px}
#container .innerpage-content .vas-detail .vas-detail-content-area{float:left;width:633px;margin-left:50px}
/*======== vas detail  =============*/


/*======== opencms handset list =============*/
#container .mobile-order-now-overlay{display:none !important;}
/*======== opencms handset list =============*/


/*======== related-acc-container =============*/
#container .innerpage-content .related-acc-container .relate-acc-list{margin-top: 30px;}
/*======== related-acc-container =============*/

#container .innerpage-content .prepaid-voucher-refill .input-field{width: 680px;}
#container .innerpage-content .prepaid-voucher-refill .note{margin-top: 30px;}
#container .innerpage-content .prepaid-voucher-refill .captcha img{float: left; max-width: 100%; height: auto; margin-right: 20px;}

/*======== simreplacement =============*/
#container .innerpage-content .sim-replacement-form-container .sim-replacement-form-sim-type-container{margin-top: 20px;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list{margin: 10px 0;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-row{float: left; margin-right: 20px;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-button{width: 150px; height: 40px; display: block; border: 1px solid #ddd; background-color: #fcfcfc; text-align: center; line-height: 40px; padding: 2px;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-button:hover,
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-button-selected{border: 2px solid #8fc31f; padding: 1px;}

.sim-replacement-form-address-container{margin-top: 30px;}
.address-container{margin-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.address-type-heading{font-weight: bold;}
.address-text{margin-left: 30px;}

#container .innerpage-content .sim-replacement-form-container .search-addr{width: 370px;}
#container .innerpage-content .sim-replacement-form-container .block{float: left;line-height: 32px; width: 99px;}
#container .innerpage-content .sim-replacement-form-container .floor{float: left;line-height: 32px;margin-left: 10px; width: 266px;}
#container .innerpage-content .sim-replacement-form-container .room{float: left;line-height: 32px;margin-left: 10px; width: 287px;}
#container .innerpage-content .sim-replacement-form-container span.txt,
#container .innerpage-content .sim-replacement-form-container  input.min-input{float: left; margin-right: 5px;}
#container .innerpage-content .sim-replacement-form-container .floor .cmhkDropDown,
#container .innerpage-content .sim-replacement-form-container .room .cmhkDropDown{float: left; min-width: 125px; width: 125px;}
#container .innerpage-content .sim-replacement-form-container .cmhkDropDown .selected{min-height: 21px;}

.change-sim-reason-container{margin-top: 30px;}
.change-sim-reason-list .cmhkDropDown{width: 250px;}
.quota-remark-container{margin-top: 30px;}
/*======== simreplacement =============*/


/*======== app-download-page =============*/
#container .innerpage-content .app-download-page{padding-top:50px}
/*======== app-download-page =============*/

/*======== app-download-page =============*/
.prestore-container img{max-width: 100%; height: auto;}
.prestore-container .datalist li{float: left; cursor: pointer; margin: 0 20px;}
.prestore-container .prestore-tnc{margin-top: 30px;}
.prestore-container .remarks{margin-bottom: 30px;}
.prestore-container .prestore-form .input-field{width: 680px;}
/*======== app-download-page =============*/


/*datepicker*/
#container .innerpage-content .search-datepicker   select {width: 170px;}
#container .innerpage-content .search-datepicker .picker__nav--prev,
#container .innerpage-content .search-datepicker .picker__nav--next {
	top: -0.33em;
}

/*reservation*/
.ReservationMsgDiv .fancybox-msg-title,
.ReservationMsgDiv .fancybox-msg-area,
.ReservationMsgDiv .fancybox-close-btn-area{width: 600px;}





/*======== 318 event =============*/
.festival-event-content .festval-timeline{background: url(../../img/online-shop/festival/clock-background.jpg) no-repeat center; height: 60px; width: 100%; margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 18px; line-height: 60px; font-weight: bold;}

.festival-event-content .festval-timeline .nowtime{float: left; margin-left: 30px;}
.festival-event-content .festval-timeline .countdown{float: right; margin-right: 50px;}
.festival-event-content .festval-timeline .countdown .icon{background: url(../../img/online-shop/festival/clock.png) no-repeat center center;; width: 36px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.festival-event-content .festval-timeline .countdown .txt{color: #EB2F8E;}
.festival-event-content .festval-timeline .countdown span#day,
.festival-event-content .festval-timeline .countdown span#hour,
.festival-event-content .festval-timeline .countdown span#min,
.festival-event-content .festval-timeline .countdown span#sec{width: 50px; background-color: #fff; display: inline-block; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 10px; color: #EB2F8E;}

.festival-event-content .btn-onlineshop{background-color: #195028; text-align: center; height: 45px; line-height: 45px; display: inline-block; margin: 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 20px;padding: 0 25px;}
.festival-event-content .btn-onlineshop:hover{background-color: #b92328; color: #fff;}

.festival-event-content .festval-title1{height: 41px; width: 100%; margin: 40px 0; text-align: center;}
.festival-event-content .festval-title1 span{font-size: 40px; line-height: 41px; width: 62px; display: none; text-align:center; color: #EB2F8E; font-weight: bold; font-family: arial black;}
.festival-event-content .festval-title1 span.month{margin-left: 264px;}
.festival-event-content .festval-title1 span.day{margin-left: 37px;}

.festival-event-content .festval-list1 ul li{float: left; border: 1px solid #e40077; padding-bottom: 30px; margin-right: 19px; margin-bottom:19px; width: 312px;}
.festival-event-content .festval-list1 ul li img{width: 312px; height: 365px;}
.festival-event-content .festval-list1 ul li .info{text-align:center; margin: 5px 0 15px 0; font-size: 18px; padding: 0 15px; line-height: 25px; height: 50px;}
.festival-event-content .festval-list1 ul li .buy-ready,
.festival-event-content .festval-list1 ul li .buy-now-offer,
.festival-event-content .festval-list1 ul li .temp-sold-out,
.festival-event-content .festval-list1 ul li .sold-out{background-color: #ccc; text-align: center; width: 80%; height: 45px; line-height: 45px; display: block; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 20px;}
.festival-event-content .festval-list1 ul li a.buy-now-offer{background-color: #8fc31f;}
.festival-event-content .festval-list1 ul li a.buy-now-offer:hover{background-color: #e40077;}
.festival-event-content .festval-list1 ul li .temp-sold-out{background-color: #afd778;}


.festival-event-content .festval-title2{height: 44px; width: 100%; margin: 40px 0; text-align: center;}
.festival-event-content .festval-list2 ul li{float: left; border: 1px solid #b92328; padding-bottom: 20px; margin: 0 14px 14px 0; width: 232px;}
.festival-event-content .festval-list2 ul li img{width: 232px; height: 305px;}
.festival-event-content .festval-list2 ul li .info{text-align:center; margin: 20px 0; font-size: 13px; padding: 0 10px; line-height: 18px; height: 36px;}
.festival-event-content .festval-list2 ul li .buy-ready,
.festival-event-content .festval-list2 ul li .buy-now-offer,
.festival-event-content .festval-list2 ul li .temp-sold-out,
.festival-event-content .festval-list2 ul li .sold-out{background-color: #ccc; text-align: center; width: 80%; height: 45px; line-height: 45px; display: block; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 18px;}
.festival-event-content .festval-list2 ul li .buy-now-offer{background-color: #195028;}
.festival-event-content .festval-list2 ul li .buy-now-offer:hover{background-color: #b92328;}
.festival-event-content .festval-list2 ul li .temp-sold-out{background-color: #afd778;}

.festival-event-content .festval-remarks{margin: 40px 0;}
.festival-event-content .festval-remarks .remarks-title{font-size: 24px; margin-bottom: 20px;}
.festival-event-content .festval-remarks ol{margin-left: -20px;}
.festival-event-content .festval-remarks ol li{font-size: 15px; margin-bottom: 10px; line-height: 25px;}

/*======== 318 event =============*/

#container .innerpage-content .access-resend{margin: 10px 0 0 0; text-decoration: underline; display: block;}
#container .innerpage-content .access-resend:hover{color: #0085d0;}

/*======== prestore =============*/
#container .innerpage-content .prestore .prestore-tb td.grey-bg{background-color: #F1F1F1;}
#container .innerpage-content .prestore .input-field{width: 680px;}
.prestore .li-box{margin: 0 0 0 -1.5%; width: 600px;}
.prestore .li-box li{float: left;display: block;border: 1px solid #cccccc;color: #555555;padding: 1px 19px;margin: 0 1.5% 3%;text-align: center; min-width: 15%;height: 35px;line-height: 35px;cursor: pointer;}
.prestore .li-box li:hover,.prestore .li-box li.selected{border: 2px solid #8fc31f;padding: 0px 18px;}
.prestore .radiolist li{float: left; margin: 0 30px 0 0;}
.prestore .accept-box{border-top: 1px solid #ddd; padding-top: 30px;}
.prestore .accept-box a{color: #0085d0;}
.prestore .introduction {margin-top: 30px;}

#container .innerpage-content .prestore .form-area{border-bottom:1px solid #ddd;margin-bottom:30px;padding:30px 0;}
#container .innerpage-content .prestore .highlight-msg{color:#0085d0;}
#container .innerpage-content .prestore .highlight-msg a{color:#0085d0; text-decoration: underline;}

#container .innerpage-content .prestore .pickup-area{margin-bottom:30px;}
#container .innerpage-content .prestore .pickup-area .deliverySearchAddr{width: 370px;}
#container .innerpage-content .prestore .address-area label{float: left; width: 120px;}
#container .innerpage-content .prestore .address-area .cmhkDropDown{float: left;}
#container .innerpage-content .prestore .address-area .block,
#container .innerpage-content .prestore .address-area .floor,
#container .innerpage-content .prestore .address-area .room{float: left;}
#container .innerpage-content .prestore .address-area .floor,
#container .innerpage-content .prestore .address-area .room{margin-left: 30px;}
#container .innerpage-content .prestore .address-area .floor label,
#container .innerpage-content .prestore .address-area .room label{width: auto;}
#container .innerpage-content .prestore .address-area .floor input,
#container .innerpage-content .prestore .address-area .room input{margin-left: 30px;}


/*======== sticky product photo =============*/
#container .innerpage-content .product-content .product-main .sticky{position:fixed; top:100px;width:270px!important;}
#container .innerpage-content .product-content .product-main .sticky-detail{float:right!important}
/*======== sticky product photo =============*/

/*======== sticky header =============*/
.blank_header{height:90px;}
.sticky-header{position:fixed!important; background-color:#ffffff;width:100%;height:50px;top:0;left:0;box-shadow:0 3px 3px rgba(0,0,0,0.1);opacity:0; z-index:10000!important}	
.ie8 .sticky-header{border-bottom:1px solid #ddd}
.sticky-header .sticky-menu-container{background-color:#ffffff; height:50px!important;}	
.sticky-header .sticky-second-level-menu{height:50px!important;}
.sticky-header .sticky-menu{padding:10px 0!important;height:30px!important;}
.sticky-header .sticky-logo{margin:0!important;height:50px!important;background:url("../../img/desktop/logo-small.png") no-repeat 20px center !important;}
.sticky-header .sticky-menu a{height:30px !important;line-height:1.08em !important;}
.sticky-header .sticky-menu:hover .menu-arrow {top:27px!important;}
#main-menu-desktop ul li.menu .sticky-submenu ul li a {line-height:1.2em !important;height:auto !important;}
.sticky-header ul li.sticky-menu .submenu-main{top:49px!important}
/*======== sticky header =============*/


/*======== handset-list.html =============*/
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box{margin-left:25px; margin-bottom:5px;float:left;width:310px}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span{}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span span.checkboxLayer{float: left;margin-right:7px;margin-top:0;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span.add-to-compare-text{margin-top:1px;line-height:1em;float:left;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare{margin-top:3px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare{margin-top:4px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare-action-btn{float: left; display: none;margin:1px 5px 0 0;line-height:1em;padding-right:17px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -5px; cursor: pointer;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare-action-btn:hover{color:#8fc31f;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .hanset-listing-compare-alert{position: absolute; z-index: 9999; left: 15px; bottom: 62px; width: 47%; background-color: #fff; border: 1px solid #8fc31f; padding: 5% 11% 3% 5%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .hanset-listing-compare-alert .close{position: absolute; right: 10px; top: 10px;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat center center;width:16px;height:16px;display:block; cursor:pointer; text-indent:-9999px;}
/*======== handset-list.html =============*/


/*=============== and! Pass =============*/
#container .innerpage-content .andpass-content .frame {	text-align: center;	}
#container .innerpage-content .andpass-content .form_bg1 { background-color: #fff;  border-radius: 10px;  width: 600px;padding:30px 40px 20px;margin: 10px auto;text-align: left;	}
#container .innerpage-content .andpass-content .main {background-image: url("../../img/desktop/handsetRegbg1.jpg");		/*height: 1163px;*/	margin: 0 auto;	padding: 50px 0;width:960px}
#container .innerpage-content .andpass-content .mainTitleHeading{margin:0 auto;width:670px; height:210px}
#container .innerpage-content .andpass-content .form_bg2 {	background-color: #fff;	border-radius: 10px;width: 600px; padding:30px 40px 20px;	margin: 10px auto;text-align: left;	float: none;	/*height: 780px;*/}
#container .innerpage-content .andpass-content .form_section_num   {    font-size: 45px;    color: #68B9DB; margin-right:10px}
#container .innerpage-content .andpass-content .facebooklike{line-height:normal;width:27px;}
/* #container .innerpage-content .andpass-content .form_section_title_fb a{color: #3a76b7;	font-size: 20px;font-weight: bold; } */
#container .innerpage-content .andpass-content .form_section_title_fb, #container .innerpage-content .andpass-content .form_section_title_fb a{color: #68B9DB;	font-size: 20px;font-weight: bold; }
#container .innerpage-content .andpass-content .form_section_title {color: #68B9DB;   font-weight: bold;   font-size: 20px;}
#container .innerpage-content .andpass-content .form {color: #68B9DB; }
#container .innerpage-content .andpass-content .form .one_column_center p{line-height:25px}
#container .innerpage-content .andpass-content .two_column_area{float:left;width:50%}
#container .innerpage-content .andpass-content .two_column {display: inline-block;margin-bottom: 5px;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .one_column {display: inline-block;width: 100%;margin-bottom: 5px;text-align: left;	float:left;	line-height:normal;	vertical-align:top;color: #68B9DB;}
#container .innerpage-content .andpass-content .one_column_center {	display: inline-block;	width: 100%;margin-bottom: 5px;	text-align: center;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .one_column_right {display: inline-block;width: 100%;margin-bottom: 5px;	text-align: right;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .input_text {float: left;margin-right: 15px;	margin-bottom: 6px;border:1px solid #68B9DB}
#container .innerpage-content .andpass-content .submit_button {	width: 100px;display: block;height: 30px;color: #ffffff;   border-radius: 10px;  border: 1px solid #5a9bb5;text-align: center;   text-decoration: none; -webkit-box-shadow: 0px 0px 2px 1px #5a9bb5;   box-shadow: 0px 0px 2px 1px #5a9bb5;   line-height: 30px;    margin-bottom: 25px;    background-color: #68B9DB;    margin: 0 auto;   cursor: pointer;  margin-top:20px}
/* #container .innerpage-content .andpass-content .submit_button:hover {background-color: #6BA0DB;	color: #ffffff; } */
#container .innerpage-content .andpass-content .submit_button:hover {background-color: #5699b3;	color: #ffffff; }
#container .innerpage-content .andpass-content .submit_button:active {	background-color: #5699b3;  }
#container .innerpage-content .andpass-content .title_button {width: 30%;display: inline;float: left;height: 30px;margin-right: 5px;color: #ffffff;	border-radius: 10px;border: 1px solid #5a9bb5;	text-align: center;	text-decoration: none;-webkit-box-shadow: 0px 0px 2px 1px #5a9bb5;	box-shadow: 0px 0px 2px 1px #5a9bb5;line-height: 30px;margin-bottom: 10px;background-color: #68B9DB;cursor:pointer;  }
#container .innerpage-content .andpass-content .title_button:hover {background-color: #5699b3;color: #ffffff; }
#container .innerpage-content .andpass-content .title_button_selected {	background-color: #5699b3;	color: #ffffff;  }
#container .innerpage-content .andpass-content .id_document_button {	width: 30%;	display: inline;	float: left;	height: 30px;	margin-right: 5px;	font-size: 14px;	color: #ffffff;	border-radius: 10px;	border: 1px solid #9d3e31;	text-align: center;	text-decoration: none;	-webkit-box-shadow: 0px 0px 2px 1px #9d3e31;	box-shadow: 0px 0px 2px 1px #9d3e31;	line-height: 30px;	margin-bottom: 10px;	background-color: #9d3e31;	cursor:pointer;   }
#container .innerpage-content .andpass-content .id_document_button:hover {	background-color: #ebd2a7;	color: #ffffff;   }
#container .innerpage-content .andpass-content .id_document_button_selected {	background-color: #ebd2a7;	color: #ffffff;   }
#container .innerpage-content .andpass-content .input_text_hkid_sub{width:10px;margin-bottom:6px}
#container .innerpage-content .andpass-content .custType_button {width: 47%;display: inline;float: left;height: 30px;margin-right: 5px;color: #ffffff;	border-radius: 10px;border: 1px solid #5a9bb5;text-align: center;text-decoration: none;-webkit-box-shadow: 0px 0px 2px 1px #5a9bb5;	box-shadow: 0px 0px 2px 1px #5a9bb5;line-height: 30px;	margin-bottom: 10px;	background-color: #68B9DB;	cursor:pointer;  }
#container .innerpage-content .andpass-content .custType_button:hover {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .custType_button_selected {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .tc { color: #777;  text-align: left;  width: 680px;   margin-left: auto;   margin-right: auto;   margin-top: 20px;   margin-bottom: 15px;}
#container .innerpage-content .andpass-content .tc a{color:#777;text-decoration:underline}
#container .innerpage-content .andpass-content .tnc-remarks {margin-top: 15px;}
#container .innerpage-content .andpass-content .container_right .tc ul li { background: none;  list-style-type: disc;    list-style-position: outside; margin: 0 0 0 15px;}
#container .innerpage-content .andpass-content .slogan {display: inline-block;	width: 95%;	margin-bottom: 15px;text-align: right;}
#container .innerpage-content .andpass-content .two_column_title{margin-top:20px;}
#container .innerpage-content .andpass-content .one_column_title{margin-top:20px;}
#container .innerpage-content .andpass-content .one_column_center_title{margin-top:10px;}
#container .innerpage-content .andpass-content label.error{color:red;width:275px;float:left}
#container .innerpage-content .andpass-content .handset_reg_tnc label.error{margin-top:10px;}
#container .innerpage-content .andpass-content .one_column_center .handset_reg_tnc {  float: none;  margin: 0 auto;  margin-top: 30px; margin-bottom: 15px; width: 300px;}
#container .innerpage-content .andpass-content .form_bg2 .registration-field-remarks{float:left; width:100%}

#container .innerpage-content .andpass-content .form .one_column_center .pass-number {color: #68B9DB;font-weight: bold;font-size: 18px;	margin-top:5px}	
#container .innerpage-content .andpass-content .pass-container {padding-bottom: 24px;padding-top: 20px;}
#container .innerpage-content .andpass-content .checkboxLayer{background:url("../../img/desktop/check-box-2018.png") no-repeat}
#container .innerpage-content .andpass-content .checkboxLayer.active{background-position:0px -20px}
/*=============== and! Pass =============*/

/*=============== IDC =============*/
#container .innerpage-content .data-center .grey-infobox-container .grey-infobox-area{width:188px;}
#container .innerpage-content .data-center .grey-infobox-container .grey-infobox-area .grey-infobox-title-img{width:188px;text-align:center}
#container .innerpage-content .data-center .grey-infobox-container .grey-infobox-area .grey-infobox-feature{margin:0}

#container .innerpage-content .idc-content.idc-photo{border-bottom:1px solid #ddd;}
#container .innerpage-content .idc-content .idc-image-container{width: 980px;margin: 0 auto;position: relative;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder{width: 840px;margin: 0 auto;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image{float: left;width: 250px!important;margin: 0 5px;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image .text{background-color: #eee;border: 1px solid #ddd;padding: 10px 20px;}

#container .innerpage-content .idc-content .middle-title{margin-bottom: 10px;}
#container .innerpage-content .idc-content .address{margin-bottom: 20px;}
#container .innerpage-content .idc-content .building-photo{display: inline-block;}
#container .innerpage-content .idc-content .address-area{display: inline-block;vertical-align: top;margin-left: 20px;}
#container .innerpage-content .idc-content .address-area #map{width:655px;height:400px;color:#000}


#container .innerpage-content .idc-content .idc-table-style th{border:1px solid #fff;background-color:#465866;color:#fff;padding:20px;vertical-align: top;text-align:left;width:20%}
#container .innerpage-content .idc-content .idc-table-style tr.first{border-top:2px solid #fff;}
#container .innerpage-content .idc-content .idc-table-style td{border:1px solid #fff;padding: 10px 20px;vertical-align: middle}
#container .innerpage-content .idc-content .idc-table-style td.light-blue{background-color:#94D4DD;width:30%}
#container .innerpage-content .idc-content .idc-table-style td.dark-grey{background-color:#E7E9E8;width:50%}
#container .innerpage-content .idc-content .idc-table-style td.light-grey{background-color:#F2F4F3;width:50%}

#container .innerpage-content .idc-content .idc-form .gender-checked-list{display: inline-block;margin-right: 20px;margin-top: 10px;}
#container .innerpage-content .idc-content .idc-form .must-fill{margin-left:220px;margin-bottom:10px}
#container .innerpage-content .idc-content .idc-form .btn-area{margin-left:220px;padding:0}

/*=============== IDC =============*/



/*=============== alert box style ===============*/
#alert-content .alertbox .know-btn-area.know-btn-area a{background-color:#8fc31f;padding:5px 20px;color:#fff;border-radius:3px}
#alertBox{position:fixed;z-index:999}
#alert-content{position:fixed;z-index:999;left:50%;margin-left:-350px;top:50%;margin-top:-200px}
#alert-content .alertbox{border:none;margin:0 auto;background-color:#fff;min-height:220px;box-sizing:border-box;position:fixed;z-index:10}
#alert-content .alertbox .alert-box-title{width:100%;background:#8fc31f;box-sizing:border-box;color:#fff;padding:18px 20px;position:relative}
#alert-content .alertbox .alert-box-content{box-sizing:border-box;width:100%;padding:10px 21px 25px;height:63%;overflow-y:scroll}
#alert-content .alertbox .alert-box-content .alert-content{padding:0 0 25px}
#alert-content .alertbox h1{font-size:1.5em}
#alert-content .alertbox .alert-box-title a{position:absolute;color:#fff;top:16px;right:12px;background: url(../../img/mobile/app-promotion-close.png) no-repeat top left;text-indent: -9999px;display: block;width: 20px;height: 20px;line-height: normal;}
#alert-content .alertbox p{font-size:15px;line-height:20px}
#alert-content .alertbox .row{text-align:center;position:absolute;width:100%;bottom:0;padding:20px 0;background-color:#fff}
#alert-content .alertbox .align-center{display:inline-block}
#alert-content .alertbox .checkbox-area{float:left;margin-right:20px;font-size:15px}
#alert-content .alertbox .know-btn-area{float:left}
#drag{position:absolute;background:#e9e9e9;border:1px solid #444;box-shadow:0 0 50px 0 #555}
#drag .resizeBR{position:absolute;z-index:50;width:14px;height:14px;right:0;bottom:0;overflow:hidden;}
#drag .resizeL,#drag .resizeT,#drag .resizeR,#drag .resizeB,#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
#drag .resizeL,#drag .resizeR{top:0;width:5px;height:100%;}
#drag .resizeR{right:0;}
#drag .resizeT,#drag .resizeB{width:100%;height:5px;}
#drag .resizeT{top:0;}
#drag .resizeB{bottom:0;z-index:50;}
#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{width:8px;height:8px;background:#FF0;}
#drag .resizeLT{top:0;left:0;}
#drag .resizeTR{top:0;right:0;}
#drag .resizeLB{left:0;bottom:0;z-index:50;}
/*=============== alert box style ===============*/


/*=============== notice scroll ===============*/
.noticeplay{height:40px;overflow:hidden;position:relative;margin:0 auto;background:#ffd239}
.noticeplay ul{position:absolute;top:0;left:0;z-index:1;width:100%}
.noticeplay ul li{width:100%;height:40px;line-height:40px;float:left;overflow:hidden}
.nt_fl{float:left}
.nt_fr{float:right}
.nt_lifr{margin-right:80px}
.nt_lifl p{display:inline-block;margin-bottom:0;}
.nt_nt_lifr a{color:#333}
.nt_lifl{width:94%;height:40px;margin-left:20px;overflow:hidden;white-space:nowrap;position:relative}
.scroll-fl{position:absolute;white-space:nowrap;top:0;min-width:100%}
.notice_closeBtn{position:absolute;font-size:16px;top:1px;right:15px;height:40px;line-height:40px;width:20px;text-align:right;cursor:pointer;z-index:10}
/*=============== notice scroll ===============*/



@media screen and (min-width:1500px){
.anewdream{background:url("../../img/desktop/right-brand-logo.png") no-repeat left top;width:271px;height:550px;display:block;position:absolute;right:0;top:45px;z-index:9999;}
.nt_lifl{width:79.5%;}
.notice_closeBtn{right:275px;}
}

/*=============== old alert box ===============*/
#alert-content-old{width:100%;min-width:980px;position:absolute;top:137px;z-index:9999;}
#alert-content-old .alert-box{width:400px;margin:0 auto;padding:25px 25px 0;background-color:#fff;position:relative}
#alert-content-old .alert-box h1{color:#e40077;font-size:2em;line-height:1.2em;margin-bottom:20px;}
#alert-content-old .alert-box p{font-size:15px;line-height:20px;}
#alert-content-old .alert-box .alert-close{position: absolute;top:0;right:0;background-color:#8fc31f;width:100%;}
#alert-content-old .alert-box .alert-close a{display: block;width: 19px;height: 21px;background: url("../../img/mobile/app-promotion-close.png") no-repeat; cursor: pointer; text-indent: -9999px;float:right;margin:15px 25px 15px 15px;}
#alert-content-old .alert-box .alert-content{height: 200px;overflow-y: scroll;padding: 50px 10px 10px;}
#alert-content-old .alert-box .alert-content .title{position:absolute;top:15px;color:#fff;font-size:1.5em;}
#alert-content-old .alert-box .row{text-align:center;padding: 20px;}
#alert-content-old .alert-box .align-center{display:inline-block}
#alert-content-old .alert-box .checkbox-area{float:left;margin-right:20px;font-size:15px;margin-top: 8px;}
#alert-content-old .alert-box .know-btn-area{float:left;font-size:15px;}
#alert-content-old .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:15px;}
#alert-content-old .alert-box .listing-style ol > li {margin:10px auto;}
#alert-content-old .close{display: block;width: 815px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top right; cursor: pointer;position:absolute;top: 20px;}

/* with banner only */
#alert-content-old.alert-banner{top:215px}
#alert-content-old.alert-banner .alert-box{width: 760px;padding:0}
#alert-content-old.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;}
#alert-content-old.alert-banner .alert-box .alert-content img{max-width:100%}
#alert-content-old.alert-banner .alert-box .row{display:none}
#alert-content-old.alert-banner .alert-box .alert-close{top: -14px;right: -14px; background: none; width: auto;}
#alert-content-old.alert-banner .alert-box .alert-close a {background:none;border: 2px solid #bbb;background-color: #fff;border-radius: 100px;padding: 2px;width:19px;height:19px;margin: 0;}
#alert-content-old.alert-banner .alert-box .alert-close a:before, #alert-content-old.alert-banner .alert-box .alert-close a:after {position: absolute;left: 13px;top: 8px;content: ' ';height: 12px;width: 2px;background-color: #bbb;}
#alert-content-old.alert-banner .alert-box .alert-close a:before {transform: rotate(45deg);}
#alert-content-old.alert-banner .alert-box .alert-close a:after {transform: rotate(-45deg);}
/*=============== old alert box ===============*/


/*=============== 中小企客戶查詢 ===============*/
#container .innerpage-content .sme-plan-enquiry .select-plan-col{float:left;width:600px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn{border-bottom: 1px solid #ddd;margin-bottom:20px;padding-bottom:20px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .triangle-icon:before{width: 0;height: 0;border-style: solid;border-width: 8px 7.5px 0 7.5px;border-color: #000000 transparent transparent transparent;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s;content:"";display:inline-block;margin-right:20px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .triangle-icon.active:before{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-info{display:none}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-name{color:#8fc31f;margin-top:0;padding:0;display:inline-block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-select-box{margin:0;display:inline-block;width:calc(100% - 40px);cursor:pointer}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row{margin-top:20px;margin-left: 5px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark {display: inline-block;position:relative;width: 20px;height:15px; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);cursor:pointer}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_circle{position:absolute;width:20px;height:20px;background-color:#ccc;border-radius:15px;left:0;top:0;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_stem{display:none;position:absolute;width: 3px;height: 10px;background-color:#fff;left: 10px;top: 5px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_kick{display:none;position:absolute;width: 4px;height: 3px;background-color:#fff; left: 6px;top: 12px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_circle{background-color: #8fc31f;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_stem{display:block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_kick{display:block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col2{margin-left:10px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3{display:none;margin-left: 35px;margin-top: 10px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn {display: inline-block;margin: 0 5px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn a{background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#ffffff; padding: 0 20px; text-decoration:none; text-align:center; line-height: 35px; display: block;border:1px solid #8fc31f;color:#000}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn.active a,.plan-info-row .col3 .gb-btn a:hover{background-color:#e40077;color:#fff;text-decoration:none;background:#8fc31f}
/*=============== 中小企客戶查詢 ===============*/