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

body{display: block !important; visibility: visible !important; }
a:link,a:visited,a:hover,a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* 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:19px; 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: 19px; 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:19px; 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;} */

.mobile-pad-displaynone{display: none;}
/* common style */

.fixfixed{position: absolute !important;}
.fixfixed #header{position: relative !important;}
.fixfixed #main-menu-pad {position: absolute !important;}
.fixfixed #container{margin-top: 0 !important;} 


.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 {height:60px; padding: 10px 20px;background:#020121 url("../../img/mobile/tc/event.jpg") no-repeat top center;background-size:auto 100%;}
.apps-download a.view-banner{float:left;width:90%;display:block;text-indent:-9999px;height:60px;} 
.ie8 .apps-download {background:url("../../img/mobile/tc/event-01.jpg") no-repeat top center;} 
.apps-download .close{float:left;display:block; margin:22px 0 0;width:10%;height:21px;background:url("../../img/mobile/app-promotion-close.png") no-repeat top left; cursor: pointer;}
.apps-download .close-white{background:url("../../img/mobile/app-promotion-close.png") no-repeat top left;}
.apps-download .close-black{background:url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;}

/*.apps-download {background-color:#9a9b9c;height:60px; padding: 10px;}
.apps-download .app-left{float:left;background:url("../../img/mobile/app-icon2.png") no-repeat top left;background-size:56px 56px;height:56px; padding:10px 0 0 65px;color:#fff;font-size:1.5em; font-weight:bold;} 
.ie8 .apps-download .app-left{float:left;background:url("../../img/mobile/app-icon.png") no-repeat top left;background-size:56px 56px;height:56px; padding:10px 0 0 65px;color:#fff;font-size:1.5em; font-weight:bold;} 
.apps-download .app-left .discription {font-size:0.6em;margin-top:5px; font-weight:normal;}
.apps-download .close{float:left;display:block; width:19px;height:21px;background:url("../../img/mobile/app-promotion-close.png") no-repeat top left;margin:17px 10px 17px 0; cursor: pointer;}
.apps-download .app-right {float:right;border-left:1px solid #ddd;padding:0 1% 0 3%; height:56px; text-align:center;}
.apps-download .app-right a.view{display:block;width:50px;padding:7px 10px;background-color:#8fc31f; border-radius:3px; color:#fff;margin-top:10px;}*/

.anewdream{display:none;}
#mobile-menu-shortcut{display:none; text-indent: -9999px;}
/************* header **************/
#header{position:fixed;top:0;right:0;z-index:9999;width:100%;}
#header .desktop-menu{display:none; text-indent: -9999px;}
#header .header-container{width:100%;position:relative;height:53px;background-color:#8fc31f;font-size:1.154em;z-index:12;}
#header .header-container .company-logo{float:left;width:133px;height:30px;margin:10px;text-indent:-9999px;background:url("../../img/mobile/cmhk-logo2.png") no-repeat;background-size:133px 30px;}
.ie8 #header .header-container .company-logo{float:left;width:133px;height:30px;margin:10px;text-indent:-9999px; background:url("../../img/mobile/cmhk-logo.png") no-repeat;background-size:auto auto;}

#header .header-container ul.tool-kits{position:absolute;top:0px;right:5px;}
#header .header-container ul.tool-kits li{float:left;width:40px;text-indent:-9999px;cursor:pointer;}
#header .header-container ul.tool-kits li.login-shortcut{margin-top:5px;height:48px;background:url("../../img/mobile/login-icon.png") no-repeat center 3px;}
#header .header-container ul.tool-kits li.login-shortcut.active{background-position:50% -39px;background-color:#fff;}
#header .header-container ul.tool-kits li.search-function{margin-top:7px;height:46px;background:url("../../img/mobile/search-icon.png") no-repeat center 1px;}
#header .header-container ul.tool-kits li.search-function.active{background-position:50% -41px;background-color:#fff;}
#header .header-container ul.tool-kits li.language{margin-top:7px;height:46px;background:url("../../img/mobile/lang-icon.png") no-repeat center top;}
#header .header-container ul.tool-kits li.language.active{background-position:50% -42px;background-color:#fff;}
#header .header-container ul.tool-kits li.btn{height:43px;margin-top:10px;background:url("../../img/mobile/main-menu-btn.png") no-repeat center -2px;}
#header .header-container ul.tool-kits li.btn.active{background-position:50% -44px;background-color:#fff;}

/* login */
#header .header-container .login-container{display:none;width:94%;position:fixed;top:53px;left:0;z-index:999;background:#f9f9f9;border-bottom:1px solid #ddd;overflow-y:scroll;height:100%;padding:0 3%;}
#header .header-container .login-container .shortcut-area{margin:3% 0 100px;}
.overlay-scroll{position:fixed;top:53px;right:0px;background-color:#f9f9f9;height:100%;width:20px;z-index:1000;}
#header .header-container .login-container .shortcut-area .title{color:#e40077;font-size:1.538em;padding:3% 0 3% 3%;margin-bottom:3%;border-bottom:1px solid #DEDEDE;}
#header .header-container .login-container .shortcut-area > ul > li,
#header .header-container .login-container .shortcut-area .account > ul > li{width:94%;padding:0 0 3% 3%;}
#header .header-container .login-container .shortcut-area > ul > li > a,
#header .header-container .login-container .shortcut-area .account > ul > li > a{color:#8DAF00;}
#header .header-container .login-container .shortcut-area ul li ul{margin-top:20px}
#header .header-container .login-container .shortcut-area ul li ul li{background:url("../../img/pad/menu-bullet.png") no-repeat left 5px;padding:0 0 3% 20px;}
#header .header-container .login-container .shortcut-area ul li ul li a{color:#555;line-height:1.2em;}
#header .header-container .login-container .shortcut-area.login{}
#header .header-container .login-container .shortcut-area.login .time {padding-left:3%;}
#header .header-container .login-container .shortcut-area.login .btn-logout{margin-top:5%;padding-left:3%;}
#header .header-container .login-container .shortcut-area.login .btn-logout .button_style{background-color:#e40077;font-size:1.333em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:8px 25px 10px;border:none;cursor:pointer;}
#header .header-container .login-container .shortcut-area.logout .title{border-bottom:none;}
#header .header-container .login-container .shortcut-area.logout p{color:#555555;padding-left:3%;}
#header .header-container .login-container .loading{background:url("../../img/loading2.gif") no-repeat center; width: 100%; height: 50%;}
/* login */

/* search */
#header .header-container .search-container{display:none;width:94%;position:absolute;top:100%;left:0;z-index:999;padding:3%;background-color:#fff;border-bottom:1px solid #ddd;}
#header .header-container .search-container .searchbox{float:left;margin-left:2%;width:66%}
#header .header-container .search-container .box_style{width:96%;height:33px;line-height:33px;color:#555;border:2px solid #8CC63E;border-radius:3px;padding:0 2%;font-size:1em;}
#header .header-container .search-container .searchbutton{float:left;margin-left:3%;width:17%;}
#header .header-container .search-container .button_style{background-color:#e40077;font-size:1em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:0 18px;height:37px;border:none;-webkit-appearance: none;}
/* search */

/* language */
#header .header-container .language-container{display:none;position:absolute;top:100%;right:0;z-index:999;background-color:#fff;text-align:center;padding:1.5% 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.5em;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 */

/************* menu **************/
#main-menu-desktop{display:none; text-indent: -9999px;}
.transparent_bg_pad{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;}
#main-menu-pad{display:none;width:95%;height:97%;position:fixed;z-index:9999;top:53px;right:-600px;/*margin-top:55px;*/margin-right:-10%;}
#main-menu-pad .pad-menu{width:100%;height:100%;background-color:#FFFFFF;overflow-y:scroll;}
#main-menu-pad .pad-menu .loading{display: none; background: url(../../img/mobile/loading.gif) no-repeat; width: 100px; height: 28px; margin: 20px auto 0;}
#main-menu-pad .pad-menu ul{width:100%;list-style:none;margin:0 0 55px 0;}
#main-menu-pad .pad-menu ul li{position:relative;}
#main-menu-pad .pad-menu ul li a{padding:2.5% 12% 2% 5%;display:block;border-bottom:1px solid #C1C1C1;text-align:left;color:#606060;font-size:1.5em;line-height:1.5em;}
#main-menu-pad .pad-menu ul li.active > a{color:#79C628;border-bottom:none;}
#main-menu-pad .pad-menu ul li.has-sub > ul{display:none;width:100%;padding:0;margin:0;background-color:#f3f3f3;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#main-menu-pad .pad-menu ul li.has-sub > ul a{border-bottom:1px solid #ddd;padding:2% 12% 2% 11%;;font-size:1.4em;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul{display:none;width:100%;padding:0 0 4% 0;margin:0;border-bottom:1px solid #ddd;background-color:#ececec;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul a{border:none;padding:3% 12% 0 14%;font-size:1.3em;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li >ul{display:none;width:80%;padding:0 0 3% 0;margin:3% 0 0 5%;border-bottom:1px solid #ddd;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li >ul a{border:none;padding:3% 12% 0 17%;font-size:1.3em;}
/************* menu **************/


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


#container .middle-content{width:100%!important;min-width:100%!important;/*margin:40px auto;padding-bottom:45px;*/position:relative; padding:50px 0 50px 0}

#container .index-box-images{width:100% !important;height:auto!important;text-align:center;/*overflow:hidden;*/}
#container .middle-content .index-box-images img{/*width:inherit;*/max-width:100%;height:auto;}
#container .middle-content .handsetPromote .index-box-images {height:14em!important;;}

/*#container .middle-content .box-container{display:block;padding-left:6%;margin:0 auto;}*/
#container .middle-content .box-container{/*width:94%;*/display:block;padding:0 6%;margin:0 auto;}
/*#container .middle-content .box{float:left;width:27%;display:block;color:#555;font-size:1.308em;}*/
#container .middle-content .box{/*float:left;*/display:block;color:#555;width:84%;height:525px;margin:0 8%; position:relative; }
/*#container #middleContent .middle-content .box{height:420px;}*/
#container .middle-content .handsetPromote .box{/*float:left;*/display:block;color:#555;width:84%;height:35.5em;margin:15% 8%;}
#container .middle-content .title-midbox{font-size:1.5em;color:#8fc31f ;padding:0 0 8% 0;text-align:center;line-height:normal;/*height:60px;*/}
#container .middle-content .handsetPromote .title-midbox {height:55px;}
#container .middle-content .box .boxtitle{color:#8daf00;font-size:1.15em;margin:5% 0 3%;padding:0;line-height:normal;}
#container .middle-content .box .text-content{font-size:1em;line-height:1.667em; text-align:left;/*height:150px;*/}
/*#container .middle-content .box1{float:left;height:730px;margin:0;display:block;position:relative;}*/
/*#container .middle-content .box2{float:left;height:730px;margin:0;display:block;position:relative;}*/
/*#container .middle-content .box3{float:left;height:730px;margin:0;display:block;position:relative;}*/
#container .middle-content .box .text{width:100%;/*padding:20px 0;margin:5%;*/text-align:center;}
#container .middle-content .box a.more-icon{/*margin:10%;*/position:absolute;bottom:5%;left:13%; right:13%}
#container .middle-content .handsetPromote .box a.more-icon{/*margin:10%;*/position:absolute;bottom:0;left:13%;right:13%}

#container .middle-content .box .btn-area{text-align: center;}
#container .middle-content .box .btn-area2{text-align: center;}



#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:20px;z-index:888;}


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

#container .middle-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:1.5em;padding-bottom:4%;line-height:normal;}



#container .bottom-content{width:100%!important;min-width:100%!important;background-color:#f3f3f3;/*margin:40px auto;*/padding:50px 0 50px 0;position:relative;}
#container .bottom-content.whitebg{background-color:#fff}
#container .bottom-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:1.8em;margin-bottom:50px}
#container .bottom-content .index-box-images{width:100% !important;height:auto!important;text-align:center;/*overflow:hidden;*/}
#container .bottom-content .index-box-images img{/*width:inherit;*/max-width:100%;height:auto;}

/*#container .bottom-content .box-container{display:block;padding-left:6%;margin:0 auto;}*/
#container .bottom-content .box-container{/*width:94%;*/display:block;/*padding:0 3%;*/padding:0 6%;margin:0 auto;}
/*#container .bottom-content .box{float:left;width:27%;display:block;color:#555;font-size:17px;}*/
#container .bottom-content .box{float:left;display:block;color:#555;height:490px;width:84%;margin:0 8%;position:relative}
#container .bottom-content .box .boxtitle{color:#8DAF00;font-size:1.15em;padding:0 0 5%;line-height:normal;}
#container .bottom-content .box .text-content{font-size:1em;line-height:1.667em;/*height:130px;*/ text-align:left; overflow:hidden;}
#container .bottom-content .box1{float:left;height:470px;margin:0 2%;display:block;position:relative;}
#container .bottom-content .box2{float:left;height:470px;margin:0 2%;display:block;position:relative;}
#container .bottom-content .box3{float:left;height:470px;margin:0 2%;display:block;position:relative;}
#container .bottom-content .box .text{width:100%;padding:10px 0;margin:0 auto;text-align:center;}
/*#container .bottom-content .box a.more-icon{margin:10%;position:absolute;bottom:5%;left:8%;}*/
#container .bottom-content .box a.more-icon{/*margin:10%;*/ position:absolute;bottom:5%;left:13%; right:13%}
#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:20px;z-index:888;}
#container .bottom-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:20px;z-index:888;}


#container .payment-content .title-midbox{font-size: 1.5em;color: #8fc31f;padding: 0 0 8% 0;text-align: center;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;border: 0;color: #555555;margin-right: 4%;margin-bottom:4%;text-align: center;height: 40px;line-height: 38px;cursor: pointer; background-color:#fff;border: 1px solid #ccc;box-sizing:border-box}
#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: 38px;color:#8fc31f;box-shadow:0 0 4px #ccc;}	
#container .payment-content .box .text-content .li-box li.last-tablet{margin-right:0}
#container .payment-content .box .text-content .prepaid-value-container .li-box li{width: 48%;}
#container .payment-content .box .text-content .buyphone-container .li-box li{width: 100%;margin-right:0;margin-left:0}
#container .payment-content .box .text-content .input-field-style{width: 100%;height: 40px;line-height: 40px;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;}
#container .payment-content .box .text-content{overflow:visible;}


/*#container .news-content{width:100%!important;min-width:100%!important;margin:0 auto;padding:50px 0 ;position:relative;background-color:#f3f3f3;}*/
#container .news-content{width:100%!important;min-width:100%!important;margin:0 auto;padding:50px 0 ;position:relative;background-color: #f3f3f3;}
#container .news-content .section-title{width:95%;text-align:left;color:#8fc31f ;font-size:1.5em;padding:0 0 3% 2%;margin-left:5%; line-height: normal;}
/*#container .news-content .index-box-images{float:left;margin:0 30px;width:346px;height:250px;}*/
#container .news-content .index-box-images{float:left;width:230px !important;height:auto!important;margin:0 25px 0 50px;}
#container .news-content .index-box-images img{width:inherit;max-width:100%;height:auto;}

#container .news-content .box-container{width:100%;display:block;margin:0 auto;}
#container .news-content .text{padding:0;/*margin-left:-10%;*/text-align:left;float:left;width:50%;font-size:1em}
#container .news-content .text .boxtitle{font-size:1.200em;line-height:normal;}
#container .news-content .text .date{color:#555;font-size:1.200em;padding:4% 0;line-height:normal;}
#container .news-content .text .text-content{font-size:1em;line-height:1.667em;text-align:left;}

#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:20px;z-index:888;}
#container .news-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:35%;width:20px;z-index:888;}



/* 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:1em;}



.banner{margin-bottom:20px;z-index:1;width:100% !important;height:auto!important;}
#topBanner .banner {margin-bottom:0;}
.banner .slider{position:relative;}
.banner .slider img{/*width:inherit;*/ max-width:100%;height:auto;border:none}
.banner .slider ul{margin:0;padding:0;list-style:none;width:100%;height:auto;overflow:hidden;position:relative;}

.banner .slider .cycle-slides-box{margin:0;padding:0;width:100%;overflow:hidden;position:relative;height:auto;background-position:center;/*text-indent:-9999px*/border-bottom:1px solid #f3f3f3;}

#container .corp-index-banner .slider .cycle-slides-box{border:none}


/*.banner .slider ul li{position:absolute;top:0;left:50%;}*/


.banner .slider .dots{position:absolute;bottom:5.5%;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:0.7em;height:0.7em;margin-right:10px;text-indent:-9999em;background:#868485;border-radius:10px;opacity:0.9;}
.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-right{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}

.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-right2{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}


#footer{padding:0 0 50px 0;background:#8fc31f url("../../img/desktop/footer-bg.png") no-repeat center top;color:#ffffff;font-size:18px;line-height:1.3em;}
#footer a{color:#ffffff;}

#footer .slogan-n-share{margin:0 auto;padding:13px 0 12px;width:94%;height:47px;}
#footer .slogan{display:none;float:left;margin:0 auto;width:228px;height:47px;background:url("../../img/mobile/tc/slogan.png") no-repeat center top;background-size:228px 47px;text-indent:-9999em;}
.ie8 #footer .slogan {display:none;background:url("../../img/desktop/tc/slogan.png") no-repeat top center;} 
#footer .index-share{float:right;margin:10px 0 0 0;height:47px;width:240px;}
#footer .index-share a{float:left;height:25px;width:26px;margin-right:20px;}
#footer .index-share a.printer{display:none;}
#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 .share_text{float:left;height:25px;color:#ffffff;margin-right:20px;}

#index-sitemap{margin:6% auto 4%;width:94%;}
#index-sitemap .table_list{float:left;width:60%;}
#index-sitemap .table_list ul{float:left;width:48%;padding-right:2%;}
#index-sitemap .table_list ul li{padding:0 0 5% 0;}
#index-sitemap .table_list ul li.title{font-weight:bold;}
#index-sitemap .qrcode{display:none;}
#index-sitemap .social{float:left;width:40%;}
#index-sitemap .socialweb_icon{margin-bottom:5%;}
#index-sitemap .socialweb_icon a{float:left;display:block;line-height:42px;margin-left:3%;}
#index-sitemap .socialweb_icon a img{display:block;}

#footer .copyright{margin:0 auto 0;width:94%;font-size:0.83em;line-height:1.8em;}
#footer .copyright .footer-sitemap-link{display: none}
#footer .copyright .caring-company{background: url("../../img/mobile/Caring-Company_4c.png") no-repeat; background-size: 180px 85px;width:180px;height:85px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .iso27001{background: url("../../img/mobile/SGS_ISO27001.png") no-repeat;background-size: 88px 85px;width:88px;height:85px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .eshop-HKRMA{background: url("../../img/mobile/ChinaMobile-QE-Shop-No-201801015.png") no-repeat;background-size: 160px 85px;width:160px;height:85px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .cmhk-star-award{background: url("../../img/mobile/CAHK_star_award-logo.png") no-repeat;background-size: 160px 85px;width:160px;height:85px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .web-accessibility{background: url("../../img/mobile/web-accessibility-logo.png") no-repeat;background-size: 111px 85px;width:111px;height:85px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}

#index-sitemap .download{width:100%;height:auto;float:left;padding:3% 0;margin:3% 0 0 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#index-sitemap .download_title{margin-top:2%;font-size:1.3em}

#index-sitemap .download_icon{float:left;margin:4% 5% 0 0;/*width:35%;*/}
#index-sitemap .download_icon p{margin-bottom:6%;}
#index-sitemap .download_icon p a{font-size:1.2em}
#index-sitemap .download_icon img{width:auto;height:3.5em;margin:0 0 5% 0;}

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


#footer .online-enquiry{z-index: 997;position: fixed;top: 400px;right: 0;background-color: #1298E3;color: #fff;background-size: 20px 17px;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);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: 20px;padding: 10px;height: 161px;display:block;word-wrap: break-word;text-align:center}

/* for alert box style */
#alert-content{width:80%!important;min-width:80%!important;margin:0px auto;padding-bottom:0px;position:absolute;top:2%;left:10%;right:10%;z-index:11;font-size:15px;z-index:9998;}
#alert-content .alert-box{border:1px solid #ddd;margin:0 auto;padding:10%;background-color:#fff}
#alert-content .alert-box h1{color:#e40077;font-size:2em;line-height:1.2em;margin-bottom:20px;}
#alert-content .alert-box p{font-size:1.1em;line-height:1.5em;}
#alert-content .alert-box .row{margin:50px 0 0 0;text-align:center;}
#alert-content .alert-box .align-center{display:inline-block;text-align;left;}
#alert-content .alert-box .checkbox-area{float:left;margin-right:20px;font-size:1.1em;margin-top: 8px;}
#alert-content .alert-box .know-btn-area{float:left;font-size:1.1em;}
#alert-content .alert-box .know-btn-area .more-icon{font-size:1.1em;}
#alert-content .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:1.1em;}
#alert-content .alert-box .listing-style ol > li {margin:30px auto;}
#alert-content .alert-box .close{display: block;width: 19px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;float:right; cursor: pointer;}
#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 top left;float:right; cursor: pointer;text-indent:-9999px}

/* with banner only */
#alert-content.alert-banner .alert-box{border:0;padding:0}
#alert-content.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;text-align: center;}
#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:9998;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 h1{font-size:2em;margin-bottom:20px;line-height:2em;}
#homepage-alert p{font-size:1.5em;line-height:1.5em;}
 
/*======== inner page common style =============*/
#container .page-path{display:none; text-indent: -9999px;}
#container .page-title-container{width:94%;padding:2% 3%;/*height:20px;*/background-color:#EDEDED;/*margin-bottom:3%*/}
#container .page-title-container .page-title{font-size:1.5em;color:#e40077;}

#container .innerpage-content{width:100%;margin:0 auto;padding:0;font-size:18px;color:#555555;line-height:1.67em}
#container .innerpage-content .box-container{width:93.5%;padding:3%;}

#container .innerpage-content .box-container-none{width:93.5%;padding:3%;}
#container .innerpage-content .box-container-none .box-container{width:100%;padding:0 0 5%;}
/*#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:1.333em;/*font-weight:bold;*/padding:15px 50px 15px 0;background:url("../../img/desktop/toggle-arrow.png") no-repeat 97% 50%;cursor:pointer}
#container .innerpage-content .toggle-list-content{padding-bottom:50px;}
#container .innerpage-content .toggle-list-area .middle-title{margin-bottom:0}


#container .innerpage-content .title{font-size:1.8em;color:#8fc31f ;margin-bottom:3%;line-height:30px;line-height:normal;}
#container .innerpage-content .middle-title{font-size:1.5em;color:#0085d0; margin-bottom:3%;line-height:normal;}
#container .innerpage-content .small-title{font-size:1.3em;color:#000000; margin-bottom:3%;line-height:normal;}

#container .innerpage-content .introduction{margin-bottom:2%}
#container .innerpage-content .introduction a{color:#e40077}
#container .innerpage-content .introduction img{max-width: 100%; height: auto;}
#container .promotion-template .introduction img{width: 100%;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:40px*/}

#container .innerpage-content .input-area{margin-bottom:25px;}
#container .innerpage-content .input-title{margin-bottom:10px; font-weight: bold;}
#container .innerpage-content .input-title-narrow{margin-bottom:10px;}
#container .innerpage-content .input-field{}


#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:30px; line-height: 30px; font-size:1em;border:1px solid #8fc31f ;padding: 0 10px}
#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: 0 20px 10px 0;}

#container .innerpage-content .input-field .cmhkDropDown{width: 270px;}

#container .innerpage-content .label-style{font-weight:bold}
#container .innerpage-content .asterisk_style{font-size:1em;color:#e40077;font-weight:bold}
#container .innerpage-content .input-field-error{color:#ff0000; clear: both;}

#container .innerpage-content .checkbox-area{float:left;width:100%;margin-bottom:10px}
#container .innerpage-content .checkbox-area label{margin-left:2%}

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

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

#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-scroll{width:200%}
#container .innerpage-content .table-style a{color:#e40077}
#container .innerpage-content .table-style th,#container .innerpage-content .table-style td{padding:8px 20px;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:#8fc31f;color:#ffffff;/*text-align:left;*/font-weight:normal;/*width:30%*/}
#container .innerpage-content .table-style td{border:1px solid #dddddd;background:#ffffff}

/*#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 .innerpage-content select{font-size:1em;font-weight:bold;color:#555555;padding:5px;border:1px solid #8fc31f}



#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 .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.5% 5%; text-decoration:none; text-align:center;min-width:80px;/* height: 35px;*/ font-size:1em;line-height: 2em; cursor: pointer; display: inline-block;}

#container .green-btn{border:none; background:#8fc31f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; padding: 0.5% 5%; text-decoration:none; text-align:center;min-width:80px;/* height: 35px;*/ ;font-size:1em;line-height: 2em; cursor: pointer; display: inline-block;-webkit-appearance: none;}

#container .grey-btn{border:none; background:#aaa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; padding: 0.5% 5%; text-decoration:none; text-align:center;min-width:80px;/* height: 35px;*/ ;font-size:1em;line-height: 2em; cursor: pointer; display: inline-block;-webkit-appearance: none;}

#container .innerpage-content .btn-area{padding-top:7%;}
#container .innerpage-content .form-btn-area{padding-top:1%}
#container .innerpage-content .prepaid-sim-card-area .btn-area{padding-top:7%; text-align:center;}
#container .innerpage-content .btn-area2{padding-top:7%;}
#container .innerpage-content .btn-two{min-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-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  .handset-sorting-area .btn-area {padding-top:15px;}
#container .innerpage-content  .handset-sorting-area .sorting-function .btn-area{margin:5% 0;padding-top:5%;border-top:1px solid #ddd;}

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

#container .innerpage-content .grey-btn{float:left;}

/*#container .btn-area .next-btn{width:110px;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:1em;padding:10px 30px 10px 25px;text-decoration:none;}




/*#container .innerpage-content .readmore-btn a{width:87%;padding:15px 20px 15px 20px;display:block;color:#FFFFFF;border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:1.333em;text-decoration:none;text-align:center;}

*/


#container .innerpage-content .green-btn-more{width:72px;margin:0 auto;}




#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:1em;padding:8px 20px;text-decoration:none;text-align:center;cursor:pointer;}

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


#container .innerpage-content .greybg-content-container{background:#EEEEEE url("../../img/desktop/tab-arrow-bg.png") no-repeat center top; position:relative; padding-top:20px;}
#container .innerpage-content .greybg-content-container .greybox-area{width:90%; margin:0 auto; padding:5%;}
#container .innerpage-content .greybg-content-container .greybox-area .greybox-content{margin-top:50px}

/* left tab e.g. profile.html*/
#container .innerpage-content .tab-btn{}
#container .innerpage-content .tab-btn .tab-ad img{width:100%;margin:0 0 4% 0;}
#container .innerpage-content .tab-btn li{margin-bottom: 3%;}
#container .innerpage-content .tab-btn li a{font-size:1em; display:block;box-sizing:border-box; padding:2.5% 10% 2.5% 6%;border:0.1em solid #dddddd;/* font-weight:bold;*/ background:#ffffff url("../../img/mobile/tab-arrow.png") no-repeat 95%; background-size:12px 20px;}
#container .innerpage-content .tab-btn li.active a,
#container .innerpage-content .tab-btn li.ui-tabs-active a{font-size:1em;  border:0.1em solid #83BA28; padding:2.5% 10% 2.5% 6%;}
#container .innerpage-content .tab-content{margin:3% auto 5%; 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-tabletImage {margin-bottom:5.5%;}

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


/* sub page button e.g. corporate-overview.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 .subpage-btn a{float:left;width:280px;height:20px;padding:10px 0px 25px 20px;border:1px solid #dddddd;background:#FCFCFC;font-weight:bold;margin-right:20px;margin-top:20px;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 280px 10px;color:#555555}
#container .innerpage-content .subpage-btn-container .subpage-btn-active a{border:2px solid #8fc31f;width:279px;height:19px;padding:9px 0px 25px 19px;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 279px -89px;}*/
#container .innerpage-content .subpage-btn-container{width:100%;border-bottom:1px solid #dddddd;padding-bottom:5%;margin-bottom:5%;}
#container .innerpage-content .subpage-btn-container-noborder{border:none;padding:0;margin:0}
/*#container .innerpage-content .subpage-btn-container a{display:block;width:100%;padding:15px 0px 35px 20px;box-sizing:border-box;border:1px solid #dddddd;margin-top:20px;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 98% -30%;color:#555555}*/
#container .innerpage-content .subpage-btn-container a{float:left;display:block;width:47%;padding:15px 25px 0 20px;box-sizing:border-box;border:1px solid #dddddd;margin:3% 3% 0 0;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 95% -60%;color:#555555; font-size:1em;height:5em; }
#container .innerpage-content .subpage-btn-container a.active {border:1px solid #8fc31f;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 95% 415%;}



#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 .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;}


/* using in handset-index.html */
#container .innerpage-content .middle-content{background-color:#f3f3f3;font-size:15px}
#container .innerpage-content .middle-content .box-container{line-height:normal;}


#container .innerpage-content .innerpage-banner img{max-width:100%; width:100%; height:auto;}

#container .innerpage-content .innerpage-banner{width:100%;/*margin:0 auto 30px*/}


#container .innerpage-content .listing-style ul{list-style-type:disc;margin-left:15px}
#container .innerpage-content .listing-style ul > li{list-style-image: url("../../img/desktop/bullet-point.png");padding-left:0;margin:0 auto 1%; }
#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:30px auto;}

#container .innerpage-content .pink-gb{color:#e40077}


#container .innerpage-content .current-step-area{margin:20px auto;}
#container .innerpage-content .current-step-area .current-step{float:left;margin:0 auto 10px}
#container .innerpage-content .current-step-area .step-number-active{float:left;color:#e40077;font-size:2.333em;margin:5px 10px 0px 0px}
#container .innerpage-content .current-step-area .step-number-nonactive{float:left;color:#ccc;font-size:2.333em;margin:5px 10px 0px 0px}
#container .innerpage-content .current-step-area .step-description-active{float:left;height:43px;color:#e40077;font-size:1.200em;}
#container .innerpage-content .current-step-area .step-description-nonactive{float:left;height:43px;color:#ccc;font-size:1.200em;}
#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 .grey-infobox-container {width:100%; margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-container .grey-infobox-area{float:left;width:48%; height:370px; margin:1%; padding:4%; box-sizing:border-box; border:1px solid #dddddd; background:#FCFCFC }
#container .innerpage-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; height:48px; padding-right:15px }
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-title-img {width:100%; text-align:center;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000; font-size:1.333em; 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 .scroll-table{width:100%;margin:20px auto;overflow-x:auto;overflow-y:hidden;scrollbar-face-color:#BBBBBB;scrollbar-highlight-color:#BBBBBB;scrollbar-shadow-color:#BBBBBB;scrollbar-3dlight-color:#BBBBBB;scrollbar-arrow-color:#BBBBBB;scrollbar-track-color:#EFEFEF;scrollbar-darkshadow-color:#BBBBBB;-webkit-overflow-scrolling: touch}
#container .innerpage-content .scroll-table::-webkit-scrollbar{background:#EFEFEF; }/* chrome scrollbar*/
#container .innerpage-content .scroll-table::-webkit-scrollbar-thumb{background:#BBBBBB;}/* chrome scrollbar*/
#container .innerpage-content .scroll-table th{white-space: nowrap;}
/*======== inner page common style =============*/


/*======== login page =============*/
#container .innerpage-content .login-content .title{display:none}
#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-container{float:left;width:50%}*/
#container .innerpage-content .login-content .advertisement-area{width:100%;}
#container .innerpage-content .login-content .advertisement-area img{width:inherit;max-width:100%;height:auto;border:none}
#container .innerpage-content .login-content .advertisement-container {margin-bottom:2%;}

#container .innerpage-content .login-content .login-area{float:left;/*width:42%;*//*height:410px;*/padding:8% 25%;/*margin-left:1%;*/border:1px solid #AAAAAA}
#container .innerpage-content .login-content .login-area .input-title{float:left;margin-bottom:10px;font-size:1.5em; font-weight:normal;}
#container .innerpage-content .login-content .login-area .input-field{float:left;margin-bottom:25px;width:100%}
#container .innerpage-content .login-content .login-area input.input-field-style{width: 95%;height:2em; padding: 0 2%;font-size:1.5em}
#container .innerpage-content .login-content .login-area .verification-code{float:left;width: 45%;}
#container .innerpage-content .login-content .login-area .verification-code img{max-width: 100%; height: auto;}
#container .innerpage-content .login-content .loginCaptcha{float: left; width: 50%; margin-right: 0;}
#container .innerpage-content .login-content .loginCaptcha img{max-width: 100%; height: 3em}
#container .innerpage-content .login-content .login-area input.input-field-style-verification{float:left;width: 45%; padding: 0 2%;height:3em;}
#container .innerpage-content .login-content .login-area .getnewcode{float:left;width:100%;margin-top:10px;}
#container .innerpage-content .login-content .login-area .getnewcode a{font-size:1em;font-weight:bold;color:#555555}

#container .innerpage-content .login-content .login-area .btn-area{float:left;margin-bottom:20px;border:none;padding:0;width:100%}

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



#container .innerpage-content .login-content .login-area .forgot-password{float:left;width:100%;margin-bottom:10px}
#container .innerpage-content .login-content .login-area .forgot-password a.icon{background:url("../../img/desktop/forget-password.png") no-repeat 2px -4px;float:left;width:25px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .forgot-password .text a{float:left;font-size:1.15em;color:#555555} 

#container .innerpage-content .login-content .login-area .prepaid-card{float:left;width:100%;}
#container .innerpage-content .login-content .login-area .prepaid-card a.icon{background:url("../../img/desktop/registration.png") no-repeat left -6px;float:left;width:25px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .prepaid-card .text a{float:left;font-size:1.15em;color:#555555;} 
/*======== 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-area{float:left;width:100%;margin-bottom:25px;}*/
/*#container .innerpage-content .forgetpw-content .input-area .asterisk_style{font-size:1.154em;color:#e40077;font-weight:bold}*/
/*#container .innerpage-content .forgetpw-content .input-area .input-title{float:left;width:100%;}
#container .innerpage-content .forgetpw-content .input-area .input-field{float:left;width:100%}*/

#container .innerpage-content .forgetpw-content .input-area .verification-code{margin-top:10px}
#container .innerpage-content .forgetpw-content .input-area .verification-code img{width:150px;}

#container .innerpage-content .forgetpw-content .input-area .getnewcode{margin-top:10px}
#container .innerpage-content .forgetpw-content .input-area .getnewcode a{font-size:1em;font-weight:bold;color:#555555}

/*#container .innerpage-content .forgetpw-content .btn-area .blue-btn{margin-right:15px;}*/

/*#container .innerpage-content .forgetpw-content .btn-area{float:left;padding-top:30px;border-top:1px solid #dddddd;width:100%}
#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;}
#container .innerpage-content .forgetpw-content .btn-area2{display:inline-block;}
#container .innerpage-content .forgetpw-content .btn-area2 .blue-btn{float:left;}
#container .innerpage-content .forgetpw-content .btn-area2 .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:1.5em;}*/
#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:100%;margin-bottom:25px;}*/
/*#container .innerpage-content .prepaid-customer-registration-content .input-area .asterisk_style{font-size:1.154em;color:#e40077;font-weight:bold}*/

/*#container .innerpage-content .prepaid-customer-registration-content .input-area .input-title{float:left;width:100%;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .input-title-narrow{float:left;width:100%;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .input-field{float:left;width:100%;}*/

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

#container .innerpage-content .prepaid-customer-registration-content .terms-area{width:90%;height:200px;border:1px solid #dddddd;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;font-size:1em;}

#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:100%;/*margin-left:250px;*/margin-top:10px;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .verification-code img{width:150px;}

#container .innerpage-content .prepaid-customer-registration-content .input-area .getnewcode{float:left;width:100%;/*margin-left:250px;*/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{float:left;padding-top:30px;border-top:1px solid #dddddd;width:100%}
#container .innerpage-content .prepaid-customer-registration-content .btn-area-mobile{display:none}*/

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


/*======== search result page =============*/
#container .innerpage-content .search-result-content .search-input-area{width:100%;margin:0 auto;margin-bottom:50px;height:40px;border-bottom:1px solid #dddddd;padding-bottom:20px;}
#container .innerpage-content .search-result-content .search-input-area .search-input-field{float:left;width:75%;margin-right:5%}
#container .innerpage-content .search-result-content .search-input-area .search-input-field .input-field-style{width:100%;height:33px}
#container .innerpage-content .search-result-content .search-input-area .search-btn{float:left;width:20%}
#container .innerpage-content .search-result-content .search-input-area .search-btn .blue-btn{width:100%}

#container .innerpage-content .search-result-content .title{display:block}

#container .innerpage-content .search-result-content .search-result-container{border-bottom:1px solid #dddddd;padding-bottom:20px;margin-bottom:40px}
#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:1.333em;}
#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{padding:5% 5% 0px 5%}*/

#container .innerpage-content .promotion-content .box-container{margin: 0 auto 5%; padding:0 2%;}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container{height: auto; background-color: #fff; width: 100%; padding: 0;}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container .page-title{width:94%;padding:3%;height:20px;background-color:#EDEDED;margin-bottom:3%;}
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-title{display:none}
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-subtitle{display:none}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-introduction{width: 94%;margin:0 auto;color:#555555; padding: 3% 3% 2%;}


#container .innerpage-content .promotion-content .advertisement-area{position:relative;width:47.5%;margin:0 2.5% 1.5% 0;/*border:1px solid #dddddd;*/ float:left;margin-bottom:25px;}
#container .innerpage-content .promotion-content .advertisement-area img{width:100%;height:auto}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail{display:none;position:absolute;top:0;width:90%;height:90.5%;z-index:7777;opacity:0.9;background-color:rgb(96,96,96);padding:5% 5%}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .close-btn{background:url("../../img/pad/close-white.png") no-repeat right;height:20px;margin-bottom:5%}


#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-title{font-size:1.333em;color:#8fc31f ;text-align:center;min-height:25%}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-introduction{font-size:1em;color:#ffffff;text-align:center;min-height:40%;}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-bt{width:90%;text-align:center; position:absolute; bottom:10%}

/*#container .innerpage-content .promotion-content .ad-bt .readmoread-btn a{color:#FFFFFF}
#container .innerpage-content .promotion-content .ad-bt .readmoread-btn{border:none;background:#8fc31f;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:1em;padding:3% 8%;text-decoration:none;}*/

/*#container .innerpage-content .promotion-content .advertisement-area .no-ad{width:100%;font-size:1.692em;color:#8fc31f;background-color:#FBFBFB;text-align:center;padding-bottom:30%;padding-top:60%;line-height:30px;}*/

#container .innerpage-content .promotion-content .readmore-area{width:100%;float:left;text-align:center;margin:50px 0;margin-left:auto;margin-right:auto}
/*======== promotion page =============*/


/*======== profile.html =============*/
/*---- account overview ----*/
#container .innerpage-content .account-content .account-table{float:left;width:100%;font-size:1em;margin-bottom:4%}

/*#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:30%;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 .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-bottom:3%;width:100%;}
#container .innerpage-content .account-content .right-container .right-icon-4g{float:left;width:35px;height:35px;margin-right:20px;background:url("../../img/pad/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/pad/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/pad/online-chat-icon.png") no-repeat}
#container .innerpage-content .account-content .right-container .right-title{color:#000000;font-size:1.25em;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:25px;}
#container .innerpage-content .account-content .readmore-area{float:left;width:92%;margin-left:55px; margin-top:15px}
/*---- 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:1100px;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:90%;margin:0 auto;padding:5%}*/


/*#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container{float:left;width:100%;list-style:none;padding:0}*/
/*#container .innerpage-content .account-content .usage-container .usage-area .left-tab-container .tab-btn a{float:left;width:30%;height:20px;padding:15px 0px 15px 30px;border:1px solid #dddddd;background:#FFFFFF;font-size:13px;font-weight:bold;margin-bottom:10px;margin-right:10px}
#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 .usage-container .usage-area .content{float:left;width:100%;margin-top:20px}*/

#container .innerpage-content .account-content .issue-date{/*float:left;*/ font-size:1.5em;font-weight:bold;width:100%;margin-top:5%;}
#container .innerpage-content .account-content .issue-date a{ cursor:pointer;}
#container .innerpage-content .account-content .issue-date a.active{color: #8fc31f;}
#container .innerpage-content .account-content .total-billed-usage-title{float:left;font-size:1.15em;font-weight:bold;width:100%;margin:20px auto;}


#container .innerpage-content .account-content .cut-off-title{font-size:1.15em;font-weight:bold;color:#555555;}
#container .innerpage-content .account-content .cut-off-day{/*float:left;*/ padding:2%;margin-top:3%;font-size:1.5em;color:#555555;border:2px solid #8fc31f;border-radius:5px; text-align:center;}
#container .innerpage-content .account-content .usage-table-container{/*float:left;*/width:100%;margin-top:30px;}
#container .innerpage-content .account-content .usage-table-container .pinkdate{color:#e40077}

/*#container .innerpage-content .account-content .usage-container .usage-area .content .usage-table-container table{width:85%;font-size:1em}
#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 .usage-table-container .table-style th{border-bottom:1px solid #dddddd;background:#ffffff;color:#555555; text-align:left;}


#container .innerpage-content .account-content .usage-table-container .greenlink{margin:0 10px;color:#8fc31f}

/*#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;}

/*---- usage ----*/


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

#container .innerpage-content .msg-remarks{margin-bottom:50px;}
#container .innerpage-content .msg-remarks img{max-width: 100%; height: auto;}
#container .innerpage-content .msg-remarks .remarks-icon{float: left; width: 6%; margin-right: 20px;margin-top:3px;}
#container .innerpage-content .msg-remarks .remarks-content{float: left; width: 90%;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-bottom:30px;}
#container .innerpage-content .check-data-usage-content .currentplan-container{width:47%;float:left;margin-bottom:30px;}
#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:100%;float:left;font-size:1.3em;color:#000000;font-weight:bold;}
#container .innerpage-content .check-data-usage-content .currentplan-container .current-plan{width:100%;float:left;font-size:1.5em;color:#e40077;font-weight:bold;margin-top:30px}
#container .innerpage-content .check-data-usage-content .currentplan-container .green-btn-area{float:left;width:100%;margin-top:30px;}
/*---- Current Service Plan,Current Data Usage ----*/


/*---- Usage Limit ----*/
#container .innerpage-content .check-data-usage-content .usagelimit-container{margin-top:50px;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .plan-title{font-size:1.3em;color:#000000;font-weight:bold;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .current-plan{font-size:1.5em;color:#e40077;font-weight:bold;margin-top:10px}

#container .innerpage-content .check-data-usage-content .usage-bar-container{margin-top:30px;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .sim-card-type{width:100%;text-align:center;font-weight:bold;margin-bottom:5px}
#container .innerpage-content .check-data-usage-content .usage-bar-container .grey-bar{background:#DCDCDC;width:100%;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/pad/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{font-size:1.5em;color:#e40077;font-weight:bold;text-align:center;margin-top:3%;margin-bottom:3%}
/*---- 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:13px;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:13px;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-title{width:97%;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:94%;margin:50px 3%;}
#container .innerpage-content .check-data-usage-content .btn-area{text-align:right;border:none;}
#container .innerpage-content .check-data-usage-content .btn-area2{text-align:right;border:none;}


#container .innerpage-content .check-data-usage-content .usageSelectLimitCostDisplay2{margin:20px 0 0;}
#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 .warning{color: #e40077;}
#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{font-weight:bold;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li{float:left;margin-right:2%;border:none;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; white-space: nowrap;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active{border:1px solid #8fc31f;position:relative}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active .record-menu-arrow{width:100%;height:8px;background:url("../../img/desktop/tab-arrow.png") no-repeat center 100%;position:absolute;/* top:41px;left:33% */}

#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;min-width:120px;}




#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;}
#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}

#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 .green-btn{width:72px;margin:50px auto}

#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.last{margin-right: 0;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li .cmhkDropDown{height: 33px; min-width: 140px;}
#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; color: #555;}
#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}*/
#container .innerpage-content .bill-payment-content .middle-title{margin-top:40px;margin-bottom:30px;border-top:1px solid #dddddd;padding-top:20px}
#container .innerpage-content .bill-payment-content .introduction a{color:#555555;}
#container .innerpage-content .bill-payment-content .input-title{margin-top:5px;}
/*#container .innerpage-content .bill-payment-content .input-field{width:100%;}*/
#container .innerpage-content .bill-payment-content .input-field-style{width:120px;}
#container .innerpage-content .bill-payment-content .btn-area{margin-bottom:50px;border:none}
#container .innerpage-content .bill-payment-content .btn-area2{margin-bottom:50px;border:none}
#container .innerpage-content .bill-payment-content .confirm-btn{/*width:40%; 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:15px 20px;text-decoration:none;*/}

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

/*#container .innerpage-content .bill-payment-content .greyborder{border-bottom:1px solid #dddddd;margin-top:40px}*/
#container .innerpage-content .bill-payment-content .readmore-area{float:left;margin-top:10px;width:40%}
/*======== 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 a{color:#e40077}

#container .innerpage-content .payment-methods-content .main-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%}
#container .innerpage-content .payment-methods-content .main-table td{text-align:center;border:1px solid #dddddd}*/
#container .innerpage-content .payment-methods-content .table-style th{text-align:center;width:30%;padding:5% 3%}
#container .innerpage-content .payment-methods-content .table-style td{text-align:center;padding:5% 3%}

#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%}
#container .innerpage-content .payment-methods-content .service-table td{text-align:left;border:1px solid #dddddd}*/
#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 .greybg-content-container{float:left;width:100%;background:#EEEEEE url("../../img/desktop/tab-arrow-bg.png") no-repeat center top;position:relative;padding-top:20px;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 .greybg-content-container .greybox-area{width:90%;margin:0 auto;padding:5%;}*/

/*#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-active a{border:2px solid #8fc31f;width:279px;height:19px;padding:9px 0px 25px 19px;}*/

/*#container .innerpage-content .corporate-overview-content .content-area{float:left;width:100%;margin-top:40px}*/
/*#container .innerpage-content .corporate-overview-content .greybox-content .middle-title{margin-bottom:30px}*/
#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content{width:100%;margin-top:30px}

#container .innerpage-content .corporate-overview-content .subpage-btn-container{margin:0 0 6% 0;}
#container .innerpage-content .corporate-overview-content .greybox-content .middle-title{margin-bottom:30px}
#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content .table-style th{width:25%;text-align:right}

/*#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content table{border-collapse:collapse;border:1px solid #dddddd;}
#container .innerpage-content .corporate-overview-content .greybox-content .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 .greybox-content .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{width:100%;}*/
/*#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-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{width:90%;padding:0 5%}

#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{max-width:100%;}


#container .innerpage-content .corp-news-content .news-container .corp-news-content-area{float:left;width:65%;margin-left:5%;margin-bottom:100px}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-title{font-size:1.333em;font-weight:bold;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{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:50%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-view-all a{float:right;font-size:1.333em;font-weight:bold;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;color:#555555;font-size:1.333em;font-weight:bold;margin-top:5px}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker{float:left;width:40%}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-date-style{float:left;margin-left:5%;width:70%;height:33px;font-size:1em;border:1px solid #dddddd;padding-left:10px;color:#000000}
/*#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-area{float:left;margin-top:20px;width:100%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .input-keyword-title{float:left;color:#555555;font-size:18px;font-weight:bold;margin-top:5px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-keywords-style{float:left;margin-left:5%;width:100%;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 .search-bt-area{float:left;margin-left:40px;}

#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:95%;margin-bottom:50px;background:url("../../img/desktop/product-back-arrow.png") no-repeat left 90%;padding-left:5%;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{width:100%;font-size:1.333em;margin-bottom:20px}
#container .innerpage-content .corp-news-detail-content .news-detail-date{width:100%;margin-bottom:50px}
#container .innerpage-content .corp-news-detail-content .news-detail-content{width:100%;}

/*#container .innerpage-content .corp-news-detail-content .news-detail-content table{border-collapse:collapse;border:1px solid #dddddd;width:100%}
#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-left:5%}
#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-left:5%}*/
/*======== 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 a{color:#e40077}

#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 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:20px;}
#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 .scroll-table th{white-space:normal}

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

#container .innerpage-content .contactus-content .contact-info{width:80%}
#container .innerpage-content .contactus-content .map-info{float:left;width:80%;margin-right:5%;}
#container .innerpage-content .contactus-content .title-column{float:left;width:100%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .contactus-content .content-column{float:left;width:100%;margin-bottom:30px;}
/*======== 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:15%;}
#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:80%;margin-right:5%;margin-bottom:10px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .title-column{float:left;width:100%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .content-column{float:left;width:100%;margin-bottom:20px;}
/*======== 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{float:left;margin-top:30px}
#container .innerpage-content .change-service-plan-content .small-title{float:left;margin-top:50px;margin-bottom:20px;width:100%}

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

/*#container .innerpage-content .change-service-plan-content .current-service-plan-checkbox-area{float:left;color:#555555;font-size:13px;font-weight:bold;margin-top:25px;width:auto;}
#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 .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:70%;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}*/


/*======== 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}

/*#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:1.333em;font-weight:bold;padding:15px 50px 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 .toggle-list-content .scroll-table{overflow-x:auto; overflow-y:auto}

#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:100%;}

#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 .btn-area2{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;margin-bottom:40px;}*/

#container .innerpage-content .account-info-update-content .account-info-content{float:left;width:100%;}

#container .innerpage-content .account-info-update-content .account-info-content .middle-title{margin-bottom:30px;margin-top:20px}

/*#container .innerpage-content .account-info-update-content .account-info-content .checkbox-area{float:left;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{float:left;width:25%;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:70%;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 .hobbies-checkbox{float:left;width:180px;font-size:13px;color:#555555;font-weight:bold;margin-bottom:20px}

#container .innerpage-content .account-info-update-content .account-info-content .column-title-interface{float:left;width:25%;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 .banner-handset{height:400px;overflow:hidden;}
#container .innerpage-content .handset-devices-content .banner-handset img{width:100%}

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

#container .innerpage-content .handset-devices-content .handsets-container{width:100%;}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-area{float:left;width:84%;margin:8%;height:auto;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;height:50px}

#container .innerpage-content .handset-devices-content .handsets-container .handsets-subtitle{margin:0 auto;text-align:left; height:150px}

#container .innerpage-content .handset-devices-content .handsets-container .more-handset{width:100%;font-size:1.333em;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 .handsets-container .btn-area{text-align: center;}
#container .innerpage-content .handset-devices-content .handsets-container .btn-area2{text-align: center;}

/*#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 .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;}


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

#container .innerpage-content .handset-devices-content .handset-grey-content .title{text-align:center;min-height:50px}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box{float:left;width:29%;margin:2%;height:550px;position:relative;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-images{width:100%;text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-images img{max-width:100%;}
#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:1.333em}
#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:26%;bottom:1%}
/*------------ grey content --------------*/

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



/*======== handset-list.html =============*/
#container .innerpage-content .handset-list-content .title{display:block}

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

#container .innerpage-content .handset-list-content .phone-list-area .phone-area{float:left;width:46%;margin:0 2%;margin-bottom:30px;position:relative}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area{float:left;width:100%;height:330px;border:1px solid #999999;margin-bottom:8px; box-sizing:border-box}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .label-area{float:left;height:39px;width:97px;text-align:center;font-size:1.333em;color:#ffffff;padding-top:5px;position:absolute;right:5%}
#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:30%;height:230px;margin:45px 8% 0;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo img{max-width:100%;height:auto}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content{float:left;width:50%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-name{height:40px;margin:55px 2% 0 0;color:#e40077;font-weight:bold;font-size:1em;margin-bottom:3%;line-height:1em;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-title{margin:0 2% 0 0;font-size:0.867em;font-weight:bold;line-height:1.2em}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-content{margin:0 2% 3% 0;font-size:0.867em;line-height:1.2em}


#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn{float:left;width:53%;margin-right:2%}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn a{display:block;border:1px solid #cccccc;color:#555555;font-size:1em;padding:10px 20px;/*padding:5% 10%;*/
 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-readmore-btn{float:left;width:45%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn a{display:block;border:1px solid #666666;color:#ffffff;font-size:1em;padding:10px 20px;/*padding:5% 15%;*/
 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 .btn-area{text-align: center;}
#container .innerpage-content .handset-list-content .btn-area2{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:100%;height:330px; box-sizing:border-box; border:1px solid #999999;top:0px; left:0px}
#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;height:20px;width:20px;margin:5% 5% 5% 88%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a{display:block;border:1px solid #cccccc;color:#555555;font-size:1em;padding:3% 0;text-decoration:none;text-align:left;background-color:#ffffff;text-align:center;margin:4% auto;width:90%;}
#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:100%;margin:50px auto;}
#container .innerpage-content .handset-detail-content .phone-area .phone-photo{width:144px;height:272px;margin:0 auto 5%;}
#container .innerpage-content .handset-detail-content .phone-area .phone-photo img{max-height:272px;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area{width:100%}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .middle-title{width:100%;text-align:center;margin:0 auto 3%;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price{color:#8fc31f;font-size:1.15em;margin:3% 0;text-align:center;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price .desc{margin-right:1%;color:#555;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .color-selection-list{width:100%;text-align:center;margin:20px auto}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .phone-detail-content{margin:20px auto}


#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .subpage-btn-container{margin:50px auto;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .cmhkDropDown{width:200px;margin:0 auto;text-align:left;}

#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .middle-title{margin-bottom:20px}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content{border:1px solid #dddddd;background-color:#ffffff;padding:20px;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}

#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 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-top:1px solid #cccccc; border-bottom:1px solid #cccccc;padding:5% 0 0; margin:5% 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:5% 0 0; padding:5% 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:3% 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; width:45%; text-align:right}
#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 .no-handset-only-discount-price{ width: 100%; float: none; text-align: center;}
#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:right; width:45%; text-align:left; border-left:1px solid #ccc; padding-left:5%}
/*======== handset-detail-v2.html =============*/



/*======== service-plans.html =============*/
/*#container .innerpage-content .grey-infobox-content .grey-infobox-banner img{max-width:100%;height:auto;margin-bottom:30px}*/

/*#container .innerpage-content .grey-infobox-content .grey-infobox-container{width:100%;margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area{float:left;width:48%;height:320px;margin:1%;padding:3%;box-sizing:border-box;border:1px solid #dddddd;background:#FCFCFC}
#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:100%;text-align:center;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000;font-size:1.333em;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 .service-detail-banner img{max-width:100%;height:auto;}*/
#container .innerpage-content .service-detail-content .greybox-area .text-content .table-style{margin-bottom:20px}
#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{width:100%;margin:0 auto 50px}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-banner img{max-width:100%;height:auto;}*/
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container{width:100%;margin:0 auto 30px;border-bottom:1px solid #dddddd;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area{width:40%;float:left;margin:30px 5%}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-image{width:100%;margin:0 auto;text-align:center}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-image img{max-width:100%;height:auto;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-name{width:100%;text-align:center;height:50px;margin:10px auto 5px;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area{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; margin-right:5%}
#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;}

#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 .arrow .left-arrow{display:none}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .arrow .right-arrow{display:none}
/*======== prepaid-sim.html =============*/



/*======== prepaid-sim-detail.html =============*/
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area{width:100%}
#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:30%}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area img{max-width:100%;height:auto}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area{width:100%;margin:20px auto;text-align:center}
#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{color:#0085d0; display:block}
#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;display:block}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .btn-area{text-align:center;padding:0;border:none}

#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area{float:left;width:65%;margin-left:5%}

#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 .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{width:90%;padding:5%;border:1px solid #aaaaaa;background:#f4f4f4;/*padding:50px 50px 50px 110px;*/}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .small-title{width:100%;text-align:center;margin-bottom:20px}

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

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

#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-rule{height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #aaaaaa;padding:30px;margin:20px auto}
#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}
/*======== 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:200px;border:1px solid #aaaaaa;background:#f4f4f4;padding:5%;width:90%}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-left-area{float:left;width:50%;border-right:1px solid #dddddd;box-sizing:border-box}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-title{font-size:18px;color:#000000;width:100%;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-content{font-size:18px;color:#000000;width:100%;margin-bottom:20px;}

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

#container .innerpage-content .buy-data-usage-content .sell-request-area .confirm-area{margin:30px auto 0;padding-bottom:20px}
/*======== 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 th{text-align:center;}
#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{}

#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area{width:90%;padding:5% 5% 0 5%;border:1px solid #aaaaaa;background:#f4f4f4;margin:30px auto 20px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .small-title{margin-bottom:30px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .section{margin-bottom:5%;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-title{float:left;line-height:60px;width:45%;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area{position:relative;float:left;width:55%;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .gb-area-style{border:2px solid #8fc31f;width:65px;height:60px;padding:0 60px 0 20px;font-size:2.667em;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;left:100px;color:#555555;font-weight:bold;font-size:1.333em}

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


#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule{height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch;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 .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:0 30px 30px 0}
#container .innerpage-content .sell-data-usage-content .sell-request-area .sold-volume-title{float:right;font-size:1.333em;margin-bottom:30px}
#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;font-size:13px;width:50px;margin:10px auto;}
#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;width:50px;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table .input-reset{width:50px;border:1px solid #8fc31f;margin: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:40%;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:60%;margin-bottom:10px}

#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule{height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch;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 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 .bill-type-selection .cmhkDropDown{width:120px;min-width:120px;}

#container .innerpage-content .data-transaction-history-content .middle-title{float:left;margin:0 30px 15px 0;}
#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}
/*======== data-transaction-history.html =============*/


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

#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;width:200px;}
#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;}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li .checkbox-float{float:left;width:5%;margin-top:-2px;}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li label{float:left;width:85%; 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{background-color:#e40077;color:#ffffff;border:1px solid #e40077;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.disabled{background-color:#f4f4f4;color:#b7b7b7;border:1px solid #f4f4f4;cursor:default;}

#container .innerpage-content .appointment-service-content .selected-appointment{font-size:1.333em;padding-bottom:30px}


/*--------------- 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 5% 0 0;width:80%;}

#container .innerpage-content .appointment-service-content .service-input{float:left;margin:20px 0 30px 5%;width:95%}
#container .innerpage-content .appointment-service-content .service-input .input-field-style{width:50%}

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

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

#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:5%;margin-top:-2px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section label{float:left;width:95%;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list input[type=text]{margin:0 0 0 5%;width:50%;}

#container .innerpage-content .appointment-service-content .btn-area{display:inline-block;border-top:none;}
#container .innerpage-content .appointment-service-content .btn-area .blue-btn{float:left;}
#container .innerpage-content .appointment-service-content .btn-area .blue-btn:first-child{float:right;}

#container .innerpage-content .appointment-service-content .btn-area2{display:inline-block;border-top:none;}
#container .innerpage-content .appointment-service-content .btn-area2 .blue-btn{float:left;}
#container .innerpage-content .appointment-service-content .btn-area2 .blue-btn:first-child{float:right;}
/*--------------- appointment-summary.html ----------------------*/

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


/*======== appointment-cancel.html =============*/
/*#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .cancel-address{float:left;width:88%;margin-right:2%}
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .map-icon{float:left;width:41px;}*/
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .map-icon{margin:10px auto}
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table .td-center a{border-radius:3px;padding:5px 15px;display:block;background-color:#aaa;color:#fff;}
#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:87%;margin-right:3%;margin-top:8px}
#container .innerpage-content .workshop-step1-content .map-icon{width:10%}

#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;padding:40px 0 10px;margin:50px auto 0}
#container .innerpage-content .workshop-step2-content .cmhkDropDown{width:270px;}
/*======== 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:30px auto;}
/*======== workshop-cancel.html =============*/


/*======== send-sms.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:28px;margin:50px auto 30px}

#container .innerpage-content .send-sms-content .send-to-area{float:left;width:60%;margin-bottom:20px}
#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:50px auto 30px; padding: 0;}

#container .innerpage-content .send-sms-content .send-to-area .send-number-area{width:89.5%;height:120px;border:1px solid #8fc31f;padding:5%;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area{width:100%;height:120px;}
/*#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number{display:block;width:100%;padding:3px 15px;text-align:left;color:#ffffff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-sizing:border-box}*/
#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-instruction{float:right;width:37%;margin-top:100px;margin-left:3%;}

/*#container .innerpage-content .send-sms-content .send-to-reminder{float:left;width:100%}*/

/*#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .selected-number{float:left;width:46%;margin:5px 2%;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 .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:100%;border:1px solid #8fc31f;resize:none;/*overflow:hidden;*/height:200px;padding:20px 50px 10px 20px;box-sizing:border-box;color:#555555}


#container .innerpage-content .send-sms-content .count-character-area{margin-top:20px; min-height: 74px;}
#container .innerpage-content .send-sms-content .count-character-area input[type=text]{border:1px solid #dddddd;height:25px}
#container .innerpage-content .send-sms-content .count-character-area .count-character{float:left;width:100%;margin-bottom:20px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time-checkbox{float:left;margin-right:80px}
#container .innerpage-content .send-sms-content .count-character-area .set-date-time{display: none;}
#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:100px; padding: 0 10px;}
#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:40px; padding: 0 5px;}

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


/*======== send-mms.html =============*/
#container .innerpage-content .send-mms-content .view-sms-charges{display:none;height:35px;background:url(../../img/desktop/attent-icon.png) no-repeat;padding-left:50px;padding-top:10px;text-decoration:underline}
#container .innerpage-content .send-mms-content .send-mms-notice{display:block;text-decoration:none;padding-top:5px;}
#container .innerpage-content .send-mms-content .pink-title{display:none}
#container .innerpage-content .send-mms-content .send-to-area{display:none}
#container .innerpage-content .send-mms-content .send-to-instruction{display:none}
#container .innerpage-content .send-mms-content .send-to-instruction-mobile{display:none}
#container .innerpage-content .send-mms-content .send-to-reminder{display:none}
#container .innerpage-content .send-mms-content .intra-inter-icon-area{display:none}
#container .innerpage-content .send-mms-content .sms-enter-area{display:none}
#container .innerpage-content .send-mms-content .count-character-area{display:none}
#container .innerpage-content .send-mms-content .input-area{display:none}
#container .innerpage-content .send-mms-content .btn-area{display:none}
#container .innerpage-content .send-mms-content .scroll-table{display:none}
#container .innerpage-content .send-mms-content .send-sms-remarks{display:none}
/*======== 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{}
#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{font-size:1.200em;color:#8fc31f;width:auto;margin-bottom:10px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area .cmhkDropDown{float:left;margin:0 5px 5px 0;}

#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 .checkbox-area{width:50%;margin:0}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label .send-record-delete-label{float:right;background:url(../../img/desktop/remove-btn.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 3%;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:26%;margin:0}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-time{float:left;width:28%;text-align:center}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn{float:left;margin:0 1%; padding: 0.5% 3%; min-width: auto;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn a{}
#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/remove-btn.png) no-repeat;text-indent:-9999px;width:25px;height:25px;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{margin:50px auto 0}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-title{font-size:1.200em;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 .global-roaming-service{margin-bottom:20px}
#container .innerpage-content .global-services-content .subpage-btn-container-noborder{margin-bottom:20px}
/*#container .innerpage-content .global-services-content .global-roaming-service .middle-title{margin-bottom:0}*/
#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 10px;width:45%}
#container .innerpage-content .global-services-content .international-roaming-country-select .btn-area{float:left; padding:0;margin:0 5px; border:none }

#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 .innerpage-banner{margin:0}
#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 .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}
#container .innerpage-content .idd-content .subpage-btn-container{padding-bottom:50px}
/*========  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:30%}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-photo img{max-width:100%; height:auto}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info{float:left; width:65%; margin-left:5%}
#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:100%; 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:33%; 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:65%;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{line-height:1.5em;}
#container .innerpage-content .product-content .box-container{position:relative;}
#container .innerpage-content .product-content .title{text-align:center;display:block;margin-bottom:3%;}
#container .innerpage-content .product-content .handset-compare-title {text-align:left;}

#container .innerpage-content .product-content .for-desktop{display:block;}
#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;}
#container .innerpage-content .product-content .phone-list .list-box{border:2px solid #ddd;width:43.25%;margin:0 1% 2%;padding:48px 2% 3%;position:relative;float:left;}

#container .innerpage-content .product-content .product-index .phone-list .list-box{margin:0 0.5em 1em; padding:48px 1em 1em;}

#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:2%; height: 10.5em;}
#container .innerpage-content .product-content .phone-list .list-box .section .photo{float:left;width:31%;margin-right:5%}
#container .innerpage-content .product-content .phone-list .list-box .section .photo img{max-width:100%;height:auto; max-height: 180px;}
#container .innerpage-content .product-content .phone-list .list-box .section .info{float:left;width:64%;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .name{font-size:1.15em;color:#555;line-height:1.5em;word-wrap:break-word;/*height:65px;*/}
#container .innerpage-content .product-content .sim-only .list-box .section .info {height:6em;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .name{height:auto;font-size:0.9em;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .content{line-height:1.2em;margin-bottom:8%;font-size:0.85em;}

#container .innerpage-content .product-content .promotion-preferential-box{position:relative;margin:5% 0 0}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title{font-size:0.9em;position:relative;width:25%;text-align:center;background-color:#e40077;border:1px solid #e40077;color:#fff;line-height:1.2em;padding:0.8em 3% 3%;height:2.95em;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title span{background:url("../../img/desktop/gift.png") no-repeat right top;background-size:contain;background-position:center;height:50%;left:10%;position:absolute;text-indent:-9999px;top:-25%;width:80%;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content{border:1px solid #ddd;width:60%;padding:3%;overflow:hidden;font-size:0.9em;text-align:center;background-color:#FFF;min-height:3.4em;z-index:12; position: absolute; top: 0px; right: 0px;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .gift-box{height: 2.7em;line-height:1.4em;overflow: hidden;font-size:0.9em;}
#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:46%;}
#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 .outlet-btn {}
#container .innerpage-content .product-content .outlet-btn a{font-size:0.9em;display:block;margin-bottom:4%;padding:5%;border:1px solid #ddd;line-height:1em;}
#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:0 0 2% -1%;}
#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 1% 2%;text-align:center;width:29%;height:35px;line-height:35px;cursor:pointer;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li.selected{border:2px solid #8fc31f;padding:0px;}
#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 .selected, .cmhkDropDown li{padding:3.5% 4% 3% !important;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown{margin-bottom:4%;border:2px solid #83BA28; font-size:0.9em}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open div{left:-2px;right:-2px;border:2px solid #83BA28;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_int{ top:47.5%;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_out{ top:41.5%; }
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_int{ top:27.5%;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_out{ top:33.5%; }
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price{text-align:center;color:#e40077;font-size:1em;/*font-weight:bold;*/margin-bottom:10px;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price span{font-size:1.15em;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-info{border:1px solid #ddd;border-bottom:none;padding:3%;height:3em; line-height:1.5em;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data{border:1px solid #ddd;border-top:1px solid #8fc31f;padding:3%;margin-bottom:5%; height: 3.2em; overflow: hidden;}
#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 .ipad-info{border:1px solid #ddd; height: 3.2em; margin-bottom: 5%;}
#container .innerpage-content .product-content .phone-list .list-box .ipad-data{display: none;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .green-btn{float: right; font-size:1em;line-height:1.9em;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box{margin-top:1.5%;float:left; width:58%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span{float:left;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span.add-to-compare-text{margin-left:5%; margin-top:2px;line-height:1em;}
#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:5px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare-action-btn{float: left; line-height:1em;display: none;margin:2px 5px 0;padding-right:20px;padding-left:3px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -4px; cursor: pointer;}

#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: 4%; bottom: 12%; width: 70%; 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 left top;width:19px;height:19px;display:block; cursor:pointer; text-indent:-9999px;}


#container .innerpage-content .product-content .phone-list .phone-list-nav a{height:80px;position:absolute;text-indent:-9999px;top:35%;width:20px;z-index:888;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-prev{left:-20px;background:url("../../img/desktop/left-arrow.png") no-repeat left top;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-next{right:-20px;background:url("../../img/desktop/right-arrow.png") no-repeat right top;}
#container .innerpage-content .product-content .underline{margin:0px 1% 3%;text-align:right;border-bottom:1px solid #ddd;padding-bottom:2%;}
#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:1.2em;}

/*--- price box --*/
#container .innerpage-content .product-content .phone-list .list-box .price-box{border:1px solid #ddd;padding:4% 5% 3%;margin-bottom:5%;}
#container .innerpage-content .product-content .phone-list .list-box .price{color:#e40077;}
#container .innerpage-content .product-content .phone-list .list-box .price1{font-size:1em;float:left;margin-right:6%;width:46%; border-right:1px solid #ddd;}
#container .innerpage-content .product-content .phone-list .list-box .price2{font-size:1em;float:left;color:#e40077;width:47%;}
#container .innerpage-content .product-content .phone-list .list-box .price span,
#container .innerpage-content .product-content .phone-list .list-box .price1 span,
#container .innerpage-content .product-content .phone-list .list-box .price1 del,
#container .innerpage-content .product-content .phone-list .list-box .price2 span{margin:1% 0 2% 0; font-size:1.3em;}
#container .innerpage-content .product-content .phone-list .list-box .price-na span{font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .price-remark .price span{display:inline;}
#container .innerpage-content .product-content .handset .list-box .price span,
#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}
#container .innerpage-content .product-content .handset .online-shop-handset-type-1 .price-box del,
#container .innerpage-content .product-content .handset .online-shop-handset-type-1 .price-box span{display:block;}
#container .innerpage-content .product-content .phone-list .list-box .price-na{color:#ccc !important;}
#container .innerpage-content .product-content .phone-list .list-box .price-box p{margin-bottom:0;font-size:0.85em;}
#container .innerpage-content .product-content .phone-list .list-box span.line{text-decoration:line-through;}
#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:2.5%;}
#container .innerpage-content .product-content .cate-list .list-item{float:left;border-right:1px solid #ddd;padding:0 2em 6px;position:relative;}
#container .innerpage-content .product-content .cate-list .list-item a{color:#555;font-size:1.15em; display: block;text-align:center; margin-bottom:2%;}
#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:6em; overflow:hidden;}
#container .innerpage-content .product-content .handset .list-box .price1{border-right:1px solid #ddd;}
#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{}
#container .innerpage-content .product-content .handset .list-box .cmhkDropDown .selected{color:#e40077;}

#container .innerpage-content .product-content .handset .list-box .price-remark{height: 70px; overflow: hidden;line-height:1.3em;}


/*--- sim only --*/
#container .innerpage-content .product-content .sim-only .list-box .section {height:11em;}
#container .innerpage-content .product-content .sim-only .list-box .section .photo{width:31%;margin-right:7%;}
#container .innerpage-content .product-content .sim-only .list-box .section .info{width:62%;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-data {height:3em;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .info-h{/*min-height:85px;*/}
#container .innerpage-content .product-content .sim-only .list-box .section .info .content{font-size:1em;color:#e40077;height:3.8em;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .promotion-preferential-box .pp-content{width:60%; min-height:3.4em}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info{line-height:1.5em;height:1.8em}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span{font-size:1em;line-height:1.2em; color:#e40077;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span b{font-size:1.3em;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span i{font-size:1.3em;}
#container .innerpage-content .product-content .sim-only .list-box .contact-period{color:#e40077;/*background:url(../../img/desktop/new-customer-border.png) no-repeat top center;*/border-top:1px solid #ddd;padding-top:3%;text-align:center;margin-bottom:3%; font-size:1em;}
#container .innerpage-content .product-content .sim-only .list-box select{color:#555;}
#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:auto; margin-bottom:5%;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .photo{width:45%;}
/*#container .innerpage-content .product-content .prepaid-card .list-box .section .photo img{max-height: 110px;}*/
#container .innerpage-content .product-content .prepaid-card .list-box .section .info{width:50%;}
#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{font-size:0.95em;height:8em;margin-bottom:5%;list-style:none; overflow: hidden; display:none;}


/*--- Accessories --*/
#container .innerpage-content .product-content .accessories .list-box .photo{text-align:center; max-height: 9.5em;}
#container .innerpage-content .product-content .accessories .list-box .photo img{max-width: 100%; height: auto; max-height: 200px;height:200px;width:auto;}
#container .innerpage-content .product-content .accessories .list-box .name{margin-bottom:5%;height:3.9em;;}
#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:2.5em;}
#container .innerpage-content .product-content .product-frame-handsetonly .accessories .list-box .box2{height:4em;l}
#container .innerpage-content .product-content .product-frame-handsetonly .accessories .list-box .box2 .price-na{line-height:67px;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price{font-size:1em; margin-top:2%;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price span{font-size:1.5em;margin-left:2%;display:inline;}
#container .innerpage-content .product-content .accessories .list-box .box2 p{margin-bottom:0;white-space:nowrap;font-size:0.85em;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price-na{line-height:42px;margin:0; font-size:1em;}
#container .innerpage-content .product-content .accessories .list-box .box-logined .price{line-height:42px;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price-na span{font-size:1em;}
#container .innerpage-content .product-content .accessories .list-box .box2 a{color:#e40077;font-size:0.75em;}
/*======== product-index1.html =============*/

/*======== product-index2.html =============*/
#container .innerpage-content .product-content .search-listing .list-box .price-box p{line-height:1.2em;}
#container .innerpage-content .product-content .list-box .remark{font-size:0.9em;margin-bottom:5%;min-height:40px;line-height:1.3em;display:none;}
/*======== 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;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{margin-bottom:20px;text-align:right;}
#container .innerpage-content .product-content .cart-btn a{background:url(../../img/desktop/shopping-cart.png) no-repeat 20px center #e40077;padding:8px 25px 8px 50px;display:inline-block;color:#fff;font-size:1.2em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; white-space: nowrap;}
#container .innerpage-content .product-content .btn-area{text-align:center;}
#container .innerpage-content .product-content .btn-area .btn-more{float:none;display:inline-block;line-height:0.90em;}
/*======== handset-only-listing.html =============*/


/*======== new-customer-handset-detail.html =============*/
#container .innerpage-content .product-content .product-main .step-content{margin-bottom:30px;}

#container .innerpage-content .product-content .product-main .step-content .li-box{margin:0 0 -2% -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% 2%;text-align:center;min-width:30%;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.selected{border:2px solid #8fc31f;padding:0px 18px;}
#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 .new-customer{margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style td{cursor:pointer;text-align:center; white-space: nowrap;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style tr.selected 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 .photo.new-customer{border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .rateplan-price{font-size:1.15em;margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .item2{font-size:1em;margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .rateplan-price span{font-size:1.8em;color:#e40077;margin:0 15px 0 5px;}
#container .innerpage-content .product-content .product-main .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:30px;margin:40px 0 30px;}
#container .innerpage-content .product-content .product-main .pp-title{line-height:2em;height:1.5em;font-size:1.15em;padding:5%;width:18%;}
#container .innerpage-content .product-content .product-main .pp-content{min-height:64px;font-size:1em;width:64%;}
#container .innerpage-content .product-content .product-main .product-name{font-size:1.3em;margin-bottom:20px;}
#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:3%; width:45%;}
#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:10.5%;}
#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:210px;padding:10px;margin-left:25px;text-align:center;}
/*======= for prepaid user port in remark ========*/
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .prepaid-port-in-remark{width:195px;margin-left:25px;}
/*======== new-customer-handset-detail.html =============*/


/*======== handset-only-detail.html =============*/
#container .innerpage-content .product-content .product-main{margin:0 4% 5%;}
#container .innerpage-content .product-content .product-main .product-title{color:#e40077;font-size:1.6em;line-height:1.5;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .product-title span{color:#555;margin-left: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:5%;}
#container .innerpage-content .product-content .product-main .section .photo{text-align:center;margin-bottom:5%;}
#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{}
#container .innerpage-content .product-content .product-main .section .detail .scroll-table{margin-bottom:5%;}
#container .innerpage-content .product-content .product-main .section .detail table.table-style th{white-space:nowrap;}
#container .innerpage-content .product-content .product-main .section .detail table.table-style th,
#container .innerpage-content .product-content .product-main .section .detail table.table-style td{text-align:center;}
#container .innerpage-content .product-content .product-main .section .detail table.table-style tr.selected td{background-color:#e40077 !important;color:#fff;}
#container .innerpage-content .product-content .product-main .section .detail 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 .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:30px;margin:30px 0;}
#container .innerpage-content .product-content .product-main .step-title{color:#8fc31f;font-size:1.5em;margin-bottom:30px;margin-top:7px;}
#container .innerpage-content .product-content .product-main .step-title span{font-size:1.8em;float:left;width:8%;display:block;margin-top:-7px;}
#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 .section .detail .step-content.last{border:none;padding-bottom:0;}

#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 .li-box{margin-top:30px;}
 #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:50%;margin-right:10%;}
#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 .btn-back{float:left;background:url(../../img/desktop/product-back-arrow.png) no-repeat center left;padding-left:20px;color:#555;font-size:1em;line-height:1em;}
#container .innerpage-content .product-content .buy-now-area .btn-area{text-align: right; padding: 0;}
/*======== handset-only-detail.html =============*/


/*======== simonly-detail.html =============*/
#container .innerpage-content .product-content .product-main .section .detail .sim-only .li-box{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .section .detail .sim-only .promotion-preferential-box{border:none;padding-bottom:0;margin:50px 0 0;}
#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{margin-bottom:10%;}
#container .innerpage-content .product-content .product-main .info-tb th{width:32%;padding-right:3%;}
#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;/* font-size:0.85em;*/}
#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 .price1{float:left;width:22%;}
#container .innerpage-content .product-content .product-main .detail .price1{float:left;width:25%;}
#container .innerpage-content .product-content .product-main .detail .price2{float:left;width:25%;}
#container .innerpage-content .product-content .product-main .detail .price3{float:left;width:25%;}
#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:5px 0 0 0;font-size:1.8em; display:block;}
#container .innerpage-content .product-content .product-main .detail .price-none{font-size:1.8em;}
#container .innerpage-content .product-content .product-main .price2{float:left;width:32%;padding-left:5%;border-left:1px solid #ddd;}
#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:1.8em;}
#container .innerpage-content .product-content .product-main .price2 span{color:#e40077;}
#container .innerpage-content .product-content .product-main span.line{text-decoration:line-through;}
#container .innerpage-content .product-content .product-main .modify-quantity input{width:5em;/*height:21px;*/text-align:center;/*line-height:21px;*/margin:0 2%;padding:2% 3%;}
#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:30px;}
#container .innerpage-content .product-content .rel-product li{float:left;height:300px;width:45%;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; text-align:center;}
#container .innerpage-content .product-content .rel-product li img{max-width:100%;height:auto;}
/*======== prepaid-card-detail.html =============*/

/*======== prepaid-card-detail.html - backup =============*/
/*#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 .price1{float:left;width:22%;}
#container .innerpage-content .product-content .product-main .price2{float:left;width:32%;padding-left:5%;border-left:1px solid #ddd;}
#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:1.8em;}
#container .innerpage-content .product-content .product-main .price2 span{color:#e40077;}
#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;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:30px;}
#container .innerpage-content .product-content .rel-product li{float:left;margin:0 1%;width:18%;}
#container .innerpage-content .product-content .rel-product li a{display:block;}
#container .innerpage-content .product-content .rel-product li img{display:block;max-width:100%;height:auto;}*/
/*======== prepaid-card-detail.html =============*/


/*======== pre-order-listing.html =============*/
#container .innerpage-content .product-content .pre-order-list{position:relative;}
#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:30%;margin-right:6%;text-align:center;}
#container .innerpage-content .product-content .pre-order-list li .photo img{max-width:100%;height:auto;}
#container .innerpage-content .product-content .pre-order-list li .intro{float:left;width:64%;}
#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:0.80em;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:41%;}
#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{}
#container .innerpage-content .product-content .item-box .red,
#container .innerpage-content .product-content .total-box .red{color:#e40077;}
#container .innerpage-content .product-content .cart-title{font-size:1.8em;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:50%;}
#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;}
#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{font-weight:bold;margin-bottom:10px;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .remark{font-size:0.9em;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{width:25%; text-align:center;}
#container .innerpage-content .product-content .item-box .item-price-quantity .quantity{margin-bottom:5%; text-align:center;}
#container .innerpage-content .product-content .item-box .item-price-quantity input{width:25%;height:21px;text-align:center;line-height:21px;margin:0 3px;}
#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:15%;}
#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;}
#container .innerpage-content .product-content .total-box{border-top:1px solid #ddd;line-height:1.5em;margin-bottom:40px;font-size:1em;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:50%;}
#container .innerpage-content .product-content .total-box .item1 .td-box{border-right:1px solid #ddd;}
#container .innerpage-content .product-content .total-box .item2{width:25%;}
#container .innerpage-content .product-content .total-box .item3{width:15%;}
#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 5%;}
#container .innerpage-content .product-content .cart-list .step-area .step-list{color:#ccc;font-weight:bold;margin-bottom:10px;}
#container .innerpage-content .product-content .cart-list .step-area .step-list .txt{float:left;width:80%;}
#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;line-height:1.5em;}
#container .innerpage-content .product-content .cart-list .step-area .arrow{float:right;width:21px;height:43px;background:url("../../img/desktop/step-right-arrow.png") no-repeat;}
#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:40px;margin-bottom:30px;}

#container .innerpage-content .product-content .cart-list .confidential-info{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .confidential-info .photo{text-align:center;margin-bottom:20px;}
#container .innerpage-content .product-content .cart-list .confidential-info .info{}
#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;}
#container .innerpage-content .product-content .cart-list input[type=radio]{width:15px;height:15px;margin-left:20px;vertical-align:top;margin-top:5px;margin-top:3px\9;}
#container .innerpage-content .product-content .cart-list input[type=radio]:first-child{margin-left:0px;}
#container .innerpage-content .product-content .cart-list .select-filed .cmhkDropDown{width:150px;margin-right:20px;float:left; min-width: 0px;}
#container .innerpage-content .product-content .cart-list .select-filed .input-field-error{float:left;width:100%;}
#container .innerpage-content .product-content .cart-list .highlight-msg{color:#0085d0;margin-top:-33px;}
#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:85%;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:-4px 0 0 20px;}

#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 .only-txt{margin-top:-33px;}
#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: 5%;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box label{float:left;width:80%; margin-top: -7px;}
#container .innerpage-content .product-content .cart-list .buy-now-area .required{float:left;line-height:35px;}
#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: 160px;}

#container .innerpage-content .product-content .cart-list .deliverySearchAddr{width: 370px;}
#container .innerpage-content .product-content .cart-list .address-area .input-title{display: none;}
#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: 2%;}
#container .innerpage-content .product-content .cart-list .checkout-success-msg{margin-bottom: 2%;}
#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 =============*/

/*======== transaction-index.html =============*/
#container .innerpage-content .product-content .transaction .input-area .verification-code{margin-top:10px}
#container .innerpage-content .product-content .transaction .input-area .verification-code img{width:150px;}
#container .innerpage-content .product-content .transaction .input-area .getnewcode{margin-top:10px}
#container .innerpage-content .product-content .transaction .input-area .getnewcode a{font-size:1em;font-weight:bold;color:#555555}
/*======== transaction-index.html =============*/

/*---------- accessories-devices-listing.html ---------*/
#container .innerpage-content .handset-brandname-menu{position:relative;margin:3% 0;}
#container .innerpage-content .handset-brandname-menu .menu{margin:0 auto;text-align:center;width:90%; display: none;}
#container .innerpage-content .handset-brandname-menu .menu a{color:#555555;line-height:1.5em;font-size:1.15em;}
#container .innerpage-content .handset-brandname-menu .menu .list{float:left; display:block;}
#container .innerpage-content .handset-brandname-menu .menu .list.active a{text-decoration:underline;color:#8fc31f;}
#container .innerpage-content .handset-brandname-menu .left-arrow{background:url("../../img/desktop/step-left-arrow.png") no-repeat left top;top:-35%;left: -5%;text-indent:-9999px;width:21px;height:43px;position:absolute; cursor: pointer;}
#container .innerpage-content .handset-brandname-menu .right-arrow{background:url("../../img/desktop/step-right-arrow.png") no-repeat left top;top:-35%;right: -5%;text-indent:-9999px;width:21px;height:43px;position:absolute; cursor: pointer;}
#container .innerpage-content .handset-brandname-menu .cycle-slideshow{width:100%!important}

#container .innerpage-content .handset-sorting-area{position:relative;margin-bottom:4%;width:100%;}
#container .innerpage-content .handset-sorting-area .btn-area{width:100%;margin:2% auto 31px;text-align:center; padding: 0;}
#container .innerpage-content .handset-sorting-area .green-btn a{padding:6px 50px;display:inline-block;}
#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: 59px;text-indent:-9999px}
#container .innerpage-content .handset-sorting-area .sorting-area{width:90%;min-height:200px;padding:5%;overflow:auto;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#eeeeee;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-title{font-size:1.15em;font-weight:bold;margin:3% 0;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area{margin-bottom:10px; display: block !important;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a{float:left;width:31%;display:block;border:1px solid #cccccc;box-sizing:border-box;color:#555555;font-size:0.867em;padding:5px 0;margin:0 1% 10px;text-align:center;background-color:#ffffff;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a.active{border:2px solid #8fc31f;padding:4px 0;}
#container .innerpage-content .handset-sorting-area .sorting-area .btn-area a{margin: 0 2%;}

#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area a{width: 48%;}
#container .innerpage-content .handset-sorting-area .sorting-area .not-float .sorting-btn-area a.active{}

#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: 31%;}

#container .innerpage-content .handset-sorting-area .sorting-area.dim-search .not-float .sorting-btn-area a{width: 48%;}

#container .innerpage-content .accessories-list-content .phone-list-area{}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area{float:left;width:46%;margin:0 2%;margin-bottom:30px;position:relative}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area{height:270px;border:1px solid #999999;margin-bottom:8px;padding:47px 5% 20px;overflow:hidden;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .label-area{height:39px;width:97px;line-height:39px;text-align:center;font-size:1.333em;color:#ffffff;position:absolute;top:1px;right:5%;}
#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{margin:10px 0 0;text-align:center;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo img{max-width:100%;height:auto}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-name{color:#8fc31f;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-content{color:#e40077;font-size:0.867em;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-price{color:#e40077;font-weight:bold;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.ordernow{border:1px solid #cccccc;color:#555555;width:51%;background:#EEEEEE;float:left;display:block;padding:10px 0 10px 4%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.readmore{border:1px solid #666666;color:#ffffff;width:37%;background:#666666 url("../../img/desktop/read-more-arrow.png") no-repeat 92% 50%;float:right;display:block;padding:10px 0 10px 4%;}

#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 .green-btn{text-align:center;}
#container .innerpage-content .accessories-list-content .green-btn a.btn-more{display:inline-block;}

/*---------- 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:100%;height:339px; border:1px solid #999999; box-sizing:border-box; top:0px; left:0px}
#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 top right;text-indent:-9999px;margin:20px 20px 30px;height:28px;/*width:28px;/*margin:20px 0 30px 85%;*/cursor:pointer;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .order-now-window .order-now-button a{display:block;border:1px solid #cccccc;color:#555555;font-size:1em;padding:10px 0;text-decoration:none;text-align:left;background-color:#ffffff;text-align:center;margin:15px auto;width:90%;}
#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:30%;margin-right:2%;}
#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;border-top:none;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .btn-area .blue-btn{display:inline-block;}

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


/*---------- vas.html ---------*/
.vas-content .vas-banner{margin: 0 0 30px;}
.vas-content .vas-banner img{max-width: 100%; height: auto;}
.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: 40%; 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; max-width: 100%; height: auto;}
.vas-content .vas-list .list-box.active{border: 1px solid #8fc31f;}
.vas-content .vas-list .list-box.active .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 .btn-area{border: none; padding: 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:5% 10%;margin-bottom:30px; margin-bottom: 30px;}
.errorSummary ul{list-style:decimal;margin-left:20px;}
/*======== error =============*/




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


/*======== handset-compare.html =============*/
#container .innerpage-content .handset-compare-itemset .remove-item .remove-item-btn {float:right;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:10% 0 5% 0}
#container .innerpage-content .handset-compare-itemset .handset-compare-action-box {margin:5% 5% 10%;}
/*#container .innerpage-content .handset-compare-item-detail .table-style{margin-bottom:8%;}*/
/*======== handset-compare.html =============*/

/*======== prepaid-refill.html =============*/
#prepaid-refill-1-form {margin:2% 0;}
/*===========================*/

/*======== Address style =============*/
#container .innerpage-content .contact-content .input-field .searchAddr{width: 370px;}
#container .innerpage-content .contact-content .address-area .input-title{display: none;}
#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,
#container .innerpage-content .contact-content .address-area .floor,
#container .innerpage-content .contact-content .address-area .room{margin-bottom: 2%;}
#container .innerpage-content .contact-content .address-area  span.txt{float: left; width: 120px;}
#container .innerpage-content .contact-content .address-area  input.min-input{float: left; margin-right: 10px;}
#container .innerpage-content .contact-content .address-area  .floor .cmhkDropDown,
#container .innerpage-content .contact-content .address-area  .room .cmhkDropDown{width: 205px; min-width: auto;}
/*======== Address style =============*/

/*======== downolad app style =============*/
#container .innerpage-content .download-content .list{margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #ddd;}
#container .innerpage-content .download-content .list.last{border-bottom: none;}
#container .innerpage-content .download-content .list .listing-style li{margin: 10px 0;}
#container .innerpage-content .download-content .list .app-box-icon{float: left; width: 34%;}
#container .innerpage-content .download-content .list .app-box-icon .icon{float: left; width: 25%; margin-right: 5%;}
#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: 70%;}
#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: 60%; border-left: 1px solid #ddd; padding-left: 5%; 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{float: left; margin-right: 10px;}
#container .innerpage-content .phonebook-content .search-area .text{clear: both;}
#container .innerpage-content .phonebook-content .search-area .text,
#container .innerpage-content .phonebook-content .search-area .search-btn{float: left; margin-right: 10px; margin-top: 20px;}
#container .innerpage-content .phonebook-content .search-area .input-field-style{width: 180px;}
#container .innerpage-content .phonebook-content .search-area .clear-float{clear: both; display: block;}
#container .innerpage-content .phonebook-content .search-area .group-link{margin-top: 20px;}

#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: 2%; width: 10%;}
#container .innerpage-content .phonebook-content .contactList-area .list .avatar img{max-width: 100%; height: auto;}
#container .innerpage-content .phonebook-content .contactList-area .list .details{float: left; width: 68%;}
#container .innerpage-content .phonebook-content .contactList-area .list .action{float: right; text-align: right; width: 20%;}
#container .innerpage-content .phonebook-content .contactList-area .list .action a{margin: 5px 0;}

#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:100%; margin-bottom:50px}
#container .innerpage-content .vas-detail .vas-detail-image-area{float:left;width:30%}
#container .innerpage-content .vas-detail .vas-detail-image-area img{max-width:100%;height:auto}
#container .innerpage-content .vas-detail .vas-detail-content-area{float:left;width:65%;margin-left:5%}
/*======== vas detail  =============*/

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


/*======== prepaid-voucher-refill =============*/
#container .innerpage-content .prepaid-voucher-refill .captcha img{float: left; max-width: 100%; height: auto; margin-right: 2%;}
/*======== prepaid-voucher-refill =============*/

/*======== 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-selected{border: 2px solid #8fc31f; padding: 1px;}

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

#container .innerpage-content .sim-replacement-form-container .search-addr{width: 370px;}
#container .innerpage-content .sim-replacement-form-container .block,
#container .innerpage-content .sim-replacement-form-container .floor,
#container .innerpage-content .sim-replacement-form-container .room{margin-bottom: 2%;}
#container .innerpage-content .sim-replacement-form-container span.txt{float: left; width: 120px;}
#container .innerpage-content .sim-replacement-form-container input.min-input{float: left; margin-right: 10px;}
#container .innerpage-content .sim-replacement-form-container .floor .cmhkDropDown,
#container .innerpage-content .sim-replacement-form-container .room .cmhkDropDown{float: left; width: 150px; min-width: auto;}

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

/*======== 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;}
/*======== 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: 0em;
}




/*======== 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: auto; width: 100%; margin: 40px 0; text-align: center; line-height:40px}
.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: 0 1% 2%; width: 48%; box-sizing:border-box}
.festival-event-content .festval-list1 ul li img{width: 100%; height: auto;}
.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;}
.prestore .li-box{margin: 0 0 0 -1.5%;}
.prestore .li-box li{float: left;display: block;border: 1px solid #cccccc;color: #555555;padding: 1px 19px;margin: 0 1% 2%;text-align: center;min-width: 25%;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{margin: 0 0 2% 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;}
#container .innerpage-content .prestore .highlight-msg{color:#0085d0;margin-top:-33px;}
#container .innerpage-content .prestore .highlight-msg a{color:#0085d0; text-decoration: underline;}

#container .innerpage-content .prestore .deliverySearchAddr{width: 370px;}
#container .innerpage-content .prestore .address-area .input-title{display: none;}
#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;}
/*======== prestore =============*/


/*======== hangset-list.html =============*/
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box{margin-top:1.5%;float:left; width:92%;margin-left:8%}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span{float:left;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span.add-to-compare-text{margin-left:8px; margin-top:2px;line-height:1em;}
#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:5px;}
#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; line-height:1em; margin:2px 8px 0;padding-right:20px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -4px; cursor: pointer;}

#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: 4%; bottom: 12%; width: 70%; 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 left top;width:19px;height:19px;display:block; cursor:pointer; text-indent:-9999px;}
/*======== hangset-list.html =============*/


/*=============== and! Pass =============*/
#container .innerpage-content .andpass-content .frame {	text-align: center;	}
#container .innerpage-content .andpass-content .form_bg1 { background-color: #FFFFFF;  border-radius: 10px;  width: 100%;/*  padding-top: 36px;   padding-right: 40px;   padding-bottom: 20px;padding-left: 40px; */padding:5%;margin:10px auto;text-align: left; box-sizing:border-box}
#container .innerpage-content .andpass-content .main {background-image: url("../../img/desktop/handsetRegbg1.jpg");		/*height: 1163px;*/	margin: 0 auto;	padding: 2%;}
#container .innerpage-content .andpass-content .mainTitleHeading{margin:0 auto;max-width:100%; height:auto}
#container .innerpage-content .andpass-content .form_bg2 {	background-color: #FFFFFF;	border-radius: 10px;width: 100%;padding:5%;margin:10px auto;text-align: left;float: none;	/*height: 780px;*/box-sizing:border-box}
#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, #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:1.8em}
#container .innerpage-content .andpass-content .two_column_area{float:left;}
#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: 40px;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: 40px;    margin-bottom: 25px;    background-color: #68B9DB;   min-width: 100px;  margin-left: auto;   margin-right: auto;    cursor: pointer;   margin-top:20px}
#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: 40px;margin-right: 2%;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: 40px;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 #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 .id_document_button:hover {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .id_document_button_selected {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .input_text_hkid_sub{width:10px;margin-bottom:6px}
/*#container .innerpage-content .andpass-content .idDocument_hkid_field label.error{width:50%}*/
#container .innerpage-content .andpass-content .custType_button {width: 47%;display: inline;float: left;height: 40px;margin-right: 2%;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: 40px;	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: 100%;   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:100%;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: 100%;}
#container .innerpage-content .andpass-content .one_column .email-remark{width:100%;float:left}
#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{height:400px;}
#container .innerpage-content .data-center .grey-infobox-container .grey-infobox-area .grey-infobox-feature{text-align:center}

#container .innerpage-content .idc-content .idc-image-container{position: relative;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder{width: 80%;margin: 0 auto;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image{float: left;margin: 0 0.2%;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image img{width:100%;height:auto}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image .text{background-color: #eee;border: 1px solid #ddd;padding: 2% 10%;font-size: 0.8em;}

#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{text-align:center}
#container .innerpage-content .idc-content .address-area{margin-top: 50px;}
#container .innerpage-content .idc-content .address-area #map{width:100%;height:400px;color:#000}

#container .innerpage-content .idc-content .idc-table-style th{border:1px solid #fff;background-color:#465866;color:#fff;padding:2%;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: 2%;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 .btn-area .grey-btn{float:none}
/*=============== IDC =============*/


/*=============== alert box =============*/
#alert-content .alertbox .know-btn-area.know-btn-area a{background-color:#8fc31f;padding:5px 20px;color:#fff;border-radius:3px}
#alertbox .checkboxLayer{background:url(../../img/desktop/check-box.png) no-repeat;display:inline-block;width:18px;height:18px;vertical-align:middle;margin-top:-5px;margin-left:0;position:relative;cursor:pointer}
#alertBox{position:fixed;z-index:99999}
#alert-content{position:fixed;z-index:9999;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%;line-height:40px;background:#8fc31f;box-sizing:border-box;color:#fff;padding:10px 20px;position:relative}
#alert-content .alertbox .alert-box-content{box-sizing:border-box;width:100%;padding:8px 21px 15px;height:63%;overflow-y:scroll}
#alert-content .alertbox .alert-box-content .alert-content{padding:0 0 25px}
#alert-content .alertbox h1{font-size:1.3em;line-height:normal;}
#alert-content .alertbox .alert-box-title a{position:absolute;color:#fff;top:10px;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 =============*/

/*=============== 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;font-size:13px}
.nt_fl{float:left}
.nt_fr{float:right}
.nt_lifr{margin-right:80px}
.nt_nt_lifr a{color:#333}
.nt_lifl p{display:inline-block;margin-bottom:0;}
.nt_lifl{width:92%;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:10px;height:40px;line-height:40px;width:20px;text-align:right;cursor:pointer;z-index:10}
/*=============== notice scroll =============*/


/*=============== old alert box =============*/
#alert-content-old{width:80%!important;min-width:90%!important;margin:0px auto;padding-bottom:0px;position:absolute;top:3%;left:5%;right:5%;z-index:11;font-size:15px;z-index:9998;}
#alert-content-old .alert-box{border:1px solid #ddd;margin:0 auto;padding:1em;background:#fff;}
#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:1.1em;line-height:1.5em;}
#alert-content-old .alert-box .row{margin:20px 0 0 0;text-align:center;}
#alert-content-old .alert-box .align-center{text-align;left;}
#alert-content-old .alert-box .checkbox-area{margin-right:20px;}
#alert-content-old .alert-box .know-btn-area{margin-top:20px;}
#alert-content-old .alert-box .know-btn-area a.more-icon{margin:0 auto;font-size:1.1em;}
#alert-content-old .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:1.1em;}
#alert-content-old .alert-box .listing-style ol > li {margin:5% auto;}
#alert-content-old .alert-box .close{display: block;width: 19px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;float:right; cursor: pointer;}
#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;}
#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;}

/* with banner only */
#alert-content-old.alert-banner .alert-box{border:0;padding:0}
#alert-content-old.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;text-align: center;}
#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{}
#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}
/*=============== 中小企客戶查詢 ===============*/